我正在尝试用一堆产品做无限卷轴。 当我接近页面底部时,我想添加一个带有id产品的div。 我正在尝试,但这不起作用
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
$('#container').append(('#products'));
}
});
它只输出单词products。
作为一个附带说明,我如何使它,使id包含一个数字在它。 作为例子
$('#container').append(('#products[i]'));
其中i是一个上升的数字。
请尝试下面的方法
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
$('#container').append($('#products'));
}
});
您只需要添加文本而不是实际元素。
派生自@Vilsad P P.。。您仍然在添加元素句柄,而不是元素中的内容。。。这个添加了实际内容:
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() -
$(window).height() - 10) {
$('#container').append($('#products').html());
}
});
$('#products').html()
是元素中的内容,但$('#products')
只是元素的引用