Question

我已经实现了无限滚动到我的网站用户帐户区域，在用户滚动文本之前加载更多数据时会短暂显示，如您在此处的代码中所示：

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...");
       $.getScript(url);
    }
  });
  $(window).scroll();
};

我有一个动画gif图像我想显示而不知道如何去做这个？是否可以直接链接到图像？

显示图片而不是文字的正确方法是什么？

亲切的问候

Answer 1

只需将方法从text()更改为html()，例如：

$('.pagination').html('<img src="loading.gif" width="30" height="30" alt="loading..." />');

您可以在方法中使用任何形式的HTML，因此您可以将图像包装在链接或其他任何位置。

Answer 2

$('.pagination').html($('<img src="yourimage.gif"/>');

OR

$('.pagination').html($('<img/>').attr('src','yourimage.gif'));

Answer 3

我认为没有“正确”的方式，但考虑到您现有的代码，这应该很简单：

$('.pagination').html('<img src="spinner.gif">');

另一个诱人的选择是使用一些CSS添加微调器：

.pagination.loading{background:url('spinner.gif') no-repeat}

然后切换课程：

$('.pagination').addClass('loading');

但同样，这一切都取决于您的工作流程和视觉偏好。

如何使用jquery链接到gif图像？

3 个答案: