javascript - 在所有元素上应用 jquery 代码

Question

如何将 jquery 函数应用到使用 ajax 加载的元素？

<span class="h">Test</span><br /><br />
<span class="h">Test</span><br /><br />
<span class="h">Test</span><br /><br />
....
<span class="h">Test</span><br /><br />
<script type="text/javascript">
    $(document).ready(function() {
    $('.h').click(function() {
        alert("test");
    });
});
</script>

所以，这非常有效。每次单击 span 元素都会返回一个警报。但是那里的点击功能不适用于使用ajax加载的元素:

<span class="h">Test</span><br /><br />
<span class="h">Test</span><br /><br />
<span class="h">Test</span><br /><br />
....
<span class="h">Test</span><br /><br />
<script type="text/javascript">

    $(window).scroll(function(){
    if  ($(window).scrollTop() == $(document).height() - $(window).height()) {
        $('body').append('<span class="h">Test3</span><br /><br />');
    }
    });

    $(document).ready(function() {
    $('.h').click(function() {
        alert("test");
    });
});
</script>

我该如何解决这个问题？

Answer 1

jQuery 的 live()是你想要的:

$('.h').live('click', function () {
  // Do something!
}