即使在点击事件上，jQuery也不会对动态加载的内容执行

我有两个document.ready()函数。 第一个将内容加载到div#header 。 第二个执行隐藏function，然后对新加载的内容执行切换function。 我不确定这是否是排队问题，但是当我点击加载的内容时，甚至不会执行下面的alert() 。 谢谢。

  $(document).ready(function() { $("#header").load("/documents/collegeradioheader.txt"); });   $(document).ready(function() { $(".hideme").hide(); $(".slick-toggle").click(function() { alert('hi'); $(this).parent().next('div').slideToggle('fast'); }); });  

编辑：简化代码

Answer 1

尽管live是一个可行的解决方案，但是在load complete后，AJAX load中会有一个complete事件触发。

Answer 2

点击绑定可能在.load完成之前发生。 尝试使用.live版本替换.live ：

 $(".slick-toggle").live('click', function() { alert('hi'); $(this).parent().next('div').slideToggle('fast'); });