为什么href链接不起作用？

Question

我有tabContainer和2个tabPanel。 tabPanel之间的转换没有页面加载但是使用Jquery。在第二个tabPanel我有类似的东西

<asp:CheckBoxList ID="ExstrasCheckBoxList" runat="server">
<asp:ListItem><a href="#dialog" name="modal">Additional driver</a></asp:ListItem> <asp:ListItem><a href="#dialog2" name="modal">Baby chair</a></asp:ListItem> <asp:ListItem><a href="#dialog3" name="modal">GPS</a></asp:ListItem>
</asp:CheckBoxList>

如果我从第二个tabPanel开始工作正常，但如果我从第一个tabPanel开始表单它不起作用。为什么？我可以在没有页面加载的情况下使用吗？

Answer 1

没有你的JavaScript我在黑暗中拍摄，但我假设你有类似的东西：

$('a[name=modal]').bind('click', function() { /*...some handler logic...*/ });

如果确实如此，则$.bind方法仅将事件侦听器附加到DOM中当前存在的元素。由于您使用AJAX来更新DOM，因此您的新链接没有附加任何事件侦听器。

这实际上是一个非常简单的修复方法，只需将$.bind替换为$.live，将将事件侦听器附加到现在和将来的所有匹配元素。

$('a[name=modal]').live('click', function() { /*...some handler logic...*/ });