1

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

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 图像，我想改为显示，想知道如何去做？是否可以直接链接到图像？

显示图像而不是文本的正确方法是什么？

亲切的问候

4

3 回答 3

2

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

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

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

于 2012-04-08T19:03:28.720 回答
1 
$('.pagination').html($('<img src="yourimage.gif"/>');

或者

$('.pagination').html($('<img/>').attr('src','yourimage.gif'));
于 2012-04-08T19:01:52.703 回答
1

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

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

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

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

然后切换类：

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

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

于 2012-04-08T19:02:34.103 回答