Javascript 如何使用jquery链接到gif图像?

Javascript 如何使用jquery链接到gif图像?,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我已经实现了无休止地滚动到我的网站用户帐户区域,在加载更多数据之前,用户滚动文本会短暂显示,如代码所示: if ($('.pagination').length) { $(window).scroll(function() { var url; url = $('.pagination .next_page').attr('href'); if (url && $(window).scrollTop() > $(document).height(

我已经实现了无休止地滚动到我的网站用户帐户区域,在加载更多数据之前,用户滚动文本会短暂显示,如代码所示:

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图像,我想显示,而不是想知道如何去做这件事?是否可以直接链接到图像

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

种类名称

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

$('.pagination').html($('
$('.pagination')).html($('');


$('.pagination').html($('我认为没有“正确”的方法,但考虑到您现有的代码,这应该足够简单:

$('.pagination').html('<img src="spinner.gif">');
然后切换该类:

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

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

我认为没有“正确”的方法,但考虑到您现有的代码,这应该足够简单:

$('.pagination').html('<img src="spinner.gif">');
然后切换该类:

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

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

只需将方法从
text()
更改为
html()
,类似于:

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

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

只需将方法从
text()
更改为
HTML()
,类似于:

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

你可以在方法中使用任何形式的HTML,这样你就可以将图像包装成链接或其他任何形式。

我不知道第二种方法是否可行,
HTML
方法将字符串作为参数……如果你已经在构造img元素,为什么不使用
append
而不是
HTML
?是的,它“有效”但这只是jQuery的“好”。创建一个jQuery实例,然后使用内部解释器将其丢弃到innerHTML中,这看起来有点尴尬。它也不在文档中,因此可能永远无法工作…我不知道第二个是否可以工作-
html
方法将字符串作为参数…如果您已经在构建img元素,为什么不使用
append
而不是
html
?是的,它“有效”,但这只是jQuery的“优点”。创建一个jQuery实例,然后使用内部解释器将其扔掉到innerHTML看起来有点尴尬。它也不在文档中,因此可能永远无法工作。。。