Question

我的页面上有用户列表。当用户在页面底部移动时，jquery会加载下一个用户 - 就像这样：

jQuery(function() {
    if ($('.pagination').length) {
        $(window).scroll(function() {
            var url;
            url = $('.pagination .next_page').attr('href');
            if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
                $('.pagination').text("Fetching more products...");
                return $.getScript(url);
            }
        });
    }
    return $(window).scroll();
});

$(document).on("ready page:change", function() {
    $('.tooltip').tooltipster({
        animation: 'grow'
    });
});

对于用户照片，我使用工具提示加载此img的标题。但工具提示仅适用于第一页加载时加载的照片。当我进入页面底部并加载新用户时，他们没有工具提示。我应该在哪里寻找这个问题的答案？

Answer 1

在图像完全加载后的滚动功能中..再次调用工具提示功能

$(window).scroll(function() {
  var url;
  url = $('.pagination .next_page').attr('href');
  if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
    $('.pagination').text("Fetching more products...");

    $.getScript(url); //dont return change the logic
       $('.tooltip').tooltipster({
    animation: 'grow'
});
   }

});

Answer 2

$.getScript(url, function(data, textStatus, jqxhr) {
     console.log(data); //data returned
      console.log(textStatus); //success
      console.log(jqxhr.status); //200
      console.log('Load was performed.');
    $('.tooltip').tooltipster({
      animation: 'grow'
    });

   });

现在它的作品

jquery和动态加载的网站内容

2 个答案: