gpt4 book ai didi

jquery - 如何在 iScroll 中拖动时不单击 href

转载 作者:行者123 更新时间:2023-12-03 22:33:30 26 4
gpt4 key购买 nike

我在 my page 上启用了 iScroll .

请注意,滚动条中的图像是链接(因此会打开一个弹出窗口以显示更大的图像,您知道这一点)。但 iScroll 的可爱功能之一是您可以拖动鼠标进行滚动。但现在,当有人拖动它时,它会自动打开图像,而不是滚动栏。有解决办法吗?

最佳答案

我会说在拖动滚动条时向每个 anchor 附加一个类。例如,在拖动时向每个 anchor 附加“拖动”类名称,然后在拖动停止时删除该类。

这意味着您可以将 PreventDefault 添加到任何具有“拖动”类的链接。大致如下:

    myScroll1 = new iScroll('scroll1', {
snap: 'li',
momentum: false,
hScrollbar: false,
onScrollStart: function () {
$('div#iscroll1 a').addClass("dragging");
},
onScrollEnd: function () {
$('div#iscroll1 a').removeClass("dragging");
document.querySelector('.indicator > li.active').className = '';
document.querySelector('.indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
});
$('.dragging').click(function (e) {
e.preventDefault();
}

但是,这是未经测试的代码,因此您可能需要优化选择器。

关于jquery - 如何在 iScroll 中拖动时不单击 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8965488/

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