Javascript 滑头滑块如何更改选项?

Javascript 滑头滑块如何更改选项?,javascript,jquery,slick.js,Javascript,Jquery,Slick.js,我的滑杆有问题。 我想更改每张幻灯片上的“幻灯片放映”选项。 每个滑动页面代表一个组,只有正确的元素才会显示在该页面上。 每张幻灯片都有一个数据组属性,我用它来计算元素并将其传递给“slickSetOption” 为什么滑块的第二页上仍然有4个元素而不是3个 如果你滚动到最后一个滑块页面,你可以看到它是如何改变div的宽度,突然变成3个滑块的。有可能消除这种转换效果吗?您的代码无法工作,因为slick将在.slider元素中为其功能注入2个div 您可以通过登录控制台进行检查 console.

我的滑杆有问题。 我想更改每张幻灯片上的“幻灯片放映”选项。 每个滑动页面代表一个组,只有正确的元素才会显示在该页面上。 每张幻灯片都有一个数据组属性,我用它来计算元素并将其传递给“slickSetOption”

为什么滑块的第二页上仍然有4个元素而不是3个


如果你滚动到最后一个滑块页面,你可以看到它是如何改变div的宽度,突然变成3个滑块的。有可能消除这种转换效果吗?

您的代码无法工作,因为slick将在.slider元素中为其功能注入2个div

您可以通过登录控制台进行检查

console.log($('.slider div')) // count will be 11 and it will break your logic.
您只需要找到具有数据属性的div

$('.slider div *[data-group]') // count will be 9

工作示例:

好的,滑块现在似乎在我的项目上工作。现在,我只需要它来改变幻灯片,而不需要那种丑陋的效果是的!现在开始工作了,谢谢。你现在知道我如何才能得到这个结果,没有这种转变吗?我不想让用户看到它。@Cornykid让我试试。我会给你留言的back@Cornykid怎么样速度会使不良过渡变得不太清晰。NP。很高兴我能帮忙:)
$('.slider div *[data-group]') // count will be 9