如何使用jquery写的table的行hover事件在UpdatePanel中起作用?

程序猿GG 2012-03-20 06:40:57
我创建了一个用户控件(.ascx文件) , 如下:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BASMIG.ascx.cs" Inherits="WebApplication1.UserControl.BAS.BASMIG" %>
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="../../Scripts/JSCommon.js"></script>
<script type="text/javascript">
$(document).ready(function () {
formatTable("#tbl"); // 设置table样式及行hover事件
});
</script>
<br />
<asp:Repeater ID="repBASMIG" runat="server">
<HeaderTemplate>
<table id="tbl" class="separate" cellpadding="3">
<tr>
<th>
MIG001
</th>
<th>
MIG002
</th>
<th>
MIG003
</th>
<th>
MIG004
</th>
<th>
MIG005
</th>
<th>
MIG006
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<%# " " + DataBinder.Eval(Container.DataItem,"MIG001") %>
</td>
<td>
<%# " " + DataBinder.Eval(Container.DataItem, "MIG002")%>
</td>
<td>
<%# " " + DataBinder.Eval(Container.DataItem, "MIG003")%>
</td>
<td>
<%# " " + DataBinder.Eval(Container.DataItem, "MIG004")%>
</td>
<td>
<%# " " + DataBinder.Eval(Container.DataItem, "MIG005")%>
</td>
<td>
<%# " " + DataBinder.Eval(Container.DataItem, "MIG006")%>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table></FooterTemplate>
</asp:Repeater>


然后在别一个aspx页面中动态将该控件添加到一个UpdatePanel中.

Control ctl = Page.LoadControl(@"~/ChildPage/BAS/BASMIG.ascx");
upContent.ContentTemplateContainer.Controls.Clear();
upContent.ContentTemplateContainer.Controls.Add(ctl);
upContent.Update();


这样添加是没有问题, 但是ascx文中给table.tr设轩的hover事件没有起作用.
该如何处理?
...全文
191 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
程序猿GG 2012-03-20
  • 打赏
  • 举报
回复
如果向aspx页面中插入ascx时,直接插入到div,而不是UpdatePanel中,但效果会有的,
但是如果插入到UpdatePanel中,且我那个formatTable中设置的样式不起作用
乌镇程序员 2012-03-20
  • 打赏
  • 举报
回复
$("#tbl").live('mouseenter', function () { .... }).live('mouseleave', function() { ... });

52,782

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧