jQuery不会在动态加载的内容上执行，即使在单击事件上也是如此

我有两个

document.ready（）

函数。第一个将内容加载到

div#header

。第二个对新加载的内容执行隐藏功能，然后执行切换功能。我不确定这是否是排队问题或其他问题，但当我单击加载的内容时，甚至不会执行下面的

alert（）

。谢谢

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

$（文档）.ready（函数（）{
$（“#header”）.load（“/documents/collegeradioheader.txt”）；
});
$（文档）.ready（函数（）{
$（“.hideme”）.hide（）；
$（“.slick toggle”）。单击（函数（）{
警报（“hi”）；
$（this.parent（）.next（'div'）.slideToggle（'fast'）；
});
});

---

编辑：简化代码

单击绑定可能在加载完成之前发生。尝试替换您的

。单击
：

虽然是一个有效的解决方案，但是AJAX中有一个
complete
事件，在加载完成时触发

<script type="text/javascript">
$(function() {
    $("#header").load("/documents/collegeradioheader.txt", function() {
        $(".hideme").hide(); 
        $(".slick-toggle").click(function() {
            alert('hi');
            $(this).parent().next('div').slideToggle('fast');       
        });
    });
});
</script>


$（函数（）{
$（“#header”）.load（“/documents/collegeradioheader.txt”，函数（）{
$（“.hideme”）.hide（）；
$（“.slick toggle”）。单击（函数（）{
警报（“hi”）；
$（this.parent（）.next（'div'）.slideToggle（'fast'）；
});
});
});
您不需要两个文档。如果你想有两个，你不需要两个独立的脚本标签。
<script type="text/javascript">
$(function() {
    $("#header").load("/documents/collegeradioheader.txt", function() {
        $(".hideme").hide(); 
        $(".slick-toggle").click(function() {
            alert('hi');
            $(this).parent().next('div').slideToggle('fast');       
        });
    });
});
</script>