如何解决多个Splide滑块
我是第一次使用这个网站和 Splide.js。我知道一些基础知识,但我没有这方面的经验。我想在我的页面上创建多张幻灯片,但主幻灯片始终保持活动状态。
所以我正在做的是创建两个滑块:
document.addEventListener( 'DOMContentLoaded',function () {
mainslide = new Splide( '#mainslide',{
type : 'loop',perPage: 5,perMove: 1,direction: 'rtl',trimSpace: false,keyboard: true,gap: '1em',width: '100%',height: '100%',})
wheelslide = new Splide( '#wheelslide',{
type: 'loop',height: '100%'
})
} );
当我打开我的页面时:
mainslide.mount();
当我打开另一个页面时,我想在其中显示另一个滑块:
$('#mainslide').hide()
mainslide.destroy(true)
mainslide.mount();
$('#wheelslide').show()
现在发生的情况是新页面或新滑块仍然认为我在使用第一个滑块。所以第一个滑块不会被破坏。当我 console.log 滑块的 id 我仍然有 id mainslide01 而它应该是 wheelslide01。我有点卡住了,不知道如何从这里继续。
提前致谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。