javascript - turn.js 的鼠标单击和鼠标悬停效果不起作用

Question

我正在开发一个带有turn.jsflipbook提供的 jQuery 效果的网站。

它在我的开发环境中运行良好。突然发现mouseover效果并mouseclick在浏览器上停止工作Chrome V29.0.1547.66m.

V26.0.1410.63它与其他浏览器（Firefox）完美配合。需要知道原因和一些解决方法。

这是我网页的链接。

Answer 1

我检查了你的链接，我认为 turn.min.js 脚本有问题。使用 turn.js 脚本代替 turn.min.js 它在您的链接上运行良好。

Answer 2

As per issue no 399 posted on blasten/github https://github.com/blasten/turn.js/issues/399 change your turn.min.js to latest version of turn.js. This will surely solve your issue with chrome browsers' latest version on windows.

Answer 3

您好
，我使用的是未缩小版的 turnjs，但某些浏览器仍然存在问题，我阅读了代码并发现未调度鼠标移动事件

我用两台电脑测试：

带有第一代 i7、Windows 7 Pro SP1、Opera 35.0.2066.68、Firefox 44.0.2 64Bits 的旧东芝笔记本电脑

全新 Intel NUC5i7RYH，Windows 8.1 Pro，相同浏览器版本

鼠标事件
在 NUC + Firefox 和 Toshiba + Opera
上正常工作 不在 NUC + Opera 和 Toshiba + Firefox 上工作，
嗯？

鼠标 || 在第 28 行设置触摸回调
在第 26 行检测到触摸容量

第 26 行的 isTouch 测试在某些桌面浏览器上返回 true，这会导致鼠标控件不起作用

我注意到论坛上提供的许多测试，一个博客帖子没有正确检测到触摸容量，因为他们经常检查是否存在触摸 API，这在某些 Opera 和 Firefox 浏览器中似乎是正确的（我读过一些关于人们遇到同样问题的帖子铬，我的效果很好）

我最终使用了这个测试，它远非完美，但现在可以完成工作：

!(window.screenX != 0) && ('ontouchstart' in window || 'onmsgesturechange' in window);

我没有更多问题，但是这个解决方案应该在许多设备上进行测试，并且必须改进 isTouch 测试

此外，在使用最新版本的 jQuery 时，我在缩放（第 90 行）中遇到了一个错误，我通过解开两个侦听器来修复它，如下所示：

this.mousedown(zoomMethods._mousedown); // what ? chaining bug ?

this.click(zoomMethods._tap);