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看起来有点尴尬。它也不在文档中,因此可能永远无法工作。。。