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

【问题标题】：Mouse click and mouse over effect for turn.js not workingturn.js 的鼠标单击和鼠标悬停效果不起作用
【发布时间】：2013-09-17 22:27:46
【问题描述】：

我正在开发一个由turn.js 提供的具有flipbook 类jQuery 效果的网站。

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

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

Here is the link to my webpage.

【问题讨论】：

标签： javascript jquery css google-chrome turnjs

【解决方案1】：

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

【讨论】：

【解决方案2】：

根据在 blasten/github https://github.com/blasten/turn.js/issues/399 上发布的第 399 期，将您的 turn.min.js 更改为最新版本的 turn.js。这肯定会解决您在 windows 上使用 chrome 浏览器的最新版本的问题。

【讨论】：

【解决方案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 浏览器中似乎是正确的（我阅读了一些关于人们拥有Chrome 也有同样的问题，我的运行良好）

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

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

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

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

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

this.click(zoomMethods._tap);

【讨论】：