Question

我不知道我的代码中有什么问题，我做了一些关于这个问题的搜索，但我不知道如何使我的代码工作。我在 jsfiddle 上做了一个关于我问题的简单演示。这是链接：jsfiddle

这是我的代码：

$(function() {
  $('.container').scroll(function() {
   alert('scroll');
  });
   $('.clickMe').click(function () {
     $('.dddd').html('<div class="container"><div class="my_div">test</div></div>');
  })
})

我想要的是如果加载了一些新数据，滚动事件如何工作。

Answer 1

您必须绑定新内容。绑定仅适用于执行时存在的元素。

$(function() {
    var scrollHandler = function(){
        alert('scroll');
    };

    $('.container').on('scroll', scrollHandler);

    $('.clickMe').on('click', function () {
        $('.dddd').html('<div class="container"><div class="my_div">test</div></div>');
        $('.dddd').find('.container').on('scroll', scrollHandler);
    });
});

如果我在div上加载新数据，Jquery滚动不起作用

1 个答案: