gpt4 book ai didi

jquery - 如何使用 iDangerous Swiper 和 jquery .click();同时

转载 作者:行者123 更新时间:2023-11-30 23:59:19 24 4
gpt4 key购买 nike

我陷入了以下困境:

我正在使用 iDangerous Swiper 插件,效果很好。不过,我还想在同一个 iDangerous swiper 上使用 jQuery 的单击功能。

例如:

<div id="swiper-container">
<div class="swiper-slide">(lots of stuff here)</div>
<div class="swiper-slide">(lots of stuff here)</div>
<div class="swiper-slide">(lots of stuff here)</div>
<div class="swiper-slide">(lots of stuff here)</div>
</div>

和:

$('.swiper-slide').click(function() {
//more functionality here
}

问题是,滑动 slider 也会触发 jquery .click。这有点糟糕,因为在我的例子中,.click 中的函数加载另一个页面。

使用纯 html 链接也可以。然而,这并不能解决我的问题,因为我希望下一页以不可见的方式加载(不在网址栏中加载)。

有谁知道如何防止在使用 slider 时触发上述 jQuery 代码?

提前致谢:)

最佳答案

到目前为止,没有 onClickSlide 监听器,只有 onClick,这很酷,因为它为您提供了更大的灵 active ,例如,如果您不仅想知道哪张幻灯片是点击/单击以及幻灯片中的哪个元素:

基本功能:

var swiper = new Swiper(container, {
direction: 'horizontal',
loop: true,
onClick: (swiper, event) => {
let div = swiper.clickedSlide; //slide that was clicked
}
});

扩展功能:

var swiper = new Swiper(container, {
direction: 'horizontal',
loop: true,
onClick: (swiper, event) => {
let element = event.target;
//specific element that was clicked i.e.: p or img tag
}
});

关于jquery - 如何使用 iDangerous Swiper 和 jquery .click();同时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23855240/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com