Question

我正在使用这个ajax标签内容脚本dynamicdrive.com/dynamicindex17/ajaxtabscontent/来显示我的内容，但问题是我的jquery代码在标签内部不起作用。

选项卡中返回的html代码例如是：

<a href="#" class="click_me">click</a>
<script type="text/javascript">
$(document).ready(function() {
    $("a.click_me").bind("click", function(){
      alert('aaaaaaaaaaa');
      return false;
    });
});
</script>

并且无法正常工作！我甚至尝试使用live（）,. click（），即使使用onclick =“function_name（）”......

Answer 1

当您通过ajax加载内容时，这意味着已经触发了jQuery ready事件。因此，您的点击事件不会与您的代码绑定。对于ajax加载的内容，您可以在没有准备好的事件的情况下使用;

<script type="text/javascript">
    $("a.click_me").bind("click", function(){
      alert('aaaaaaaaaaa');
      return false;
    });
</script>

Answer 2

也许它不起作用，因为你在通过ajax检索的内容中有a.click_me个元素：尝试使用

$(document).on("click", "a.click_me", function(){
  alert('aaaaaaaaaaa');
  return false;
});

（我使用document来捕获事件，但如果您指定一个更接近的标签父级，则会更好。

请参阅http://api.jquery.com/on/以获取参考资料

不在Ajax中工作的Jquery通过制表符显示内容

2 个答案: