为什么bxslider会重复我的div

Question

我的设计师放了一个bxslider在我的页面上很好地滚动了3个div.当页面运行时,在html中我看到它在页面上生成6个div.它显示div 3,div2,div1,div3,div2,div1.

仅仅因为我页面上的重复字段现在搞乱了我的编程.

这是必要的,有什么方法我可以触摸它不应该复制我的div的代码？

该页面充满了复杂的代码,ajax将data-serialize传递给post表单.因为它全部重复,现在所有领域都是'价值,价值'.因此,它不会给我准确的响应,并且当它应该是数字时未定义.

我的表单帖子如下所示:

function submitCart () {
$.post(
"scripts/savecart.asp",
$("#form1").serialize()
);}

我怎么能添加不是bx-呢？

Answer 1

正如bxSlider的源代码中所评论的那样:

如果无限循环,准备额外的幻灯片

所以我能够通过添加infiniteLoop: false到配置对象来解决这个问题:

$(".js-slider").bxSlider({
    infiniteLoop: false
});

Answer 2

BxSlider 复制元素以允许无限滚动等。例如，假设您的滑块中只有两个元素。元素一可能会从左侧滑出，但也会从右侧滑入。因此，需要重复。

如果这是一个问题，您通常可以使用它们的bx-clone类与重复项进行交互。如果您能澄清实际问题，我们可能会提供更具体的建议。

更新：要从集合中消除克隆元素，请尝试以下操作：

$('.bxslider li:not(.bx-clone)')....