MagnificPopup无法与iScroll 5配合使用

Question

我想升级到iScroll 5，以提高在手机上滚动的性能，但MagnificPopup库已不再适用于iPhone/iPad。以下是展示该问题的2个代码示例：

1. 使用iScroll 4.2.5在iPhone/iPad上进行缩放的示例
2. 使用iScroll 5在iPad上无法进行缩放的示例

这两个例子都可以在桌面上使用，但在iPhone/iPad上，使用iScroll 5的例子2在点击图片时无法打开MagnificPopup模式。

关于是什么导致了这场冲突，有什么线索吗？

Answer 1

基本上，由于iscroll阻止了触摸事件在BeforeScrollStart上的默认值，因此如果iscroll意识到用户没有滚动，则会在目标元素上模拟并调度点击事件。

很好，但有些元素(如文本字段、锚标签、带超链接的图像标签)会受到关注；不幸的是，这一点没有得到考虑。

为了克服这个问题，您可以在下面的行将HTML标记添加到iscroll.js或iscroll-lite.js中。在js文件中搜索preventDefaultException，您可以添加要执行操作的标签。

默认值为

preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ },

我在中添加了"A">和《IMG》标签

preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A|IMG)$/ },

亲爱的，享受吧，它肯定会起作用的。

关于你可以做的事情，你也可以将点击和缩放设置为true。当您IScroll对象声明时

var myScroll = new IScroll('#wrapper', { click: true, zoom: true });

它将适用于您的点击和缩放事件