鼠标单击并鼠标悬停在turn.js无效的效果上

时间:2013-09-13 09:29:02

标签: javascript jquery css google-chrome turnjs

我正在使用turn.js提供flipbook种jQuery效果的网站。

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

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

Here is the link to my webpage

3 个答案:

答案 0 :(得分:6)

我检查了你的链接,我认为在turn.min.js脚本中存在一些问题。使用turn.js脚本代替turn.min.js它在你的链接上工作正常。

答案 1 :(得分:4)

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

答案 2 :(得分:0)

你好,我正在使用未经编辑的turnjs版本,但仍然遇到一些浏览器的问题,我读了代码并发现没有调度鼠标移动事件

我用2台电脑测试过:

具有第一代i7,Windows 7专业版SP1,Opera 35.0.2066.68,Firefox 44.0.2 64位的旧东芝笔记本电脑

全新的英特尔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);