javascript - 更新 chrome 版本 43.0.2357.65 m 后，JQueryMobile 1.3.2 中的弹出窗口失败

Question

最新的 chrome 版本“43.0.2357.65 m”是否为其他人破坏了 JQueryMobile 1.3.2？当我现在单击弹出窗口时，它会转到页面顶部并且滚动条消失。在以前的版本中没问题。

问题影响了我的应用程序，但可以在 JQueryMobile 演示页面上重现:

1. 使用 Chrome 43.0.2357.65 m 转到 http://demos.jquerymobile.com/1.3.2/
2. 点击弹出窗口
3. 在弹出页面上点击页面中间的“登录”按钮。
4. 它将转到页面顶部，滚动条将消失。

请注意，这并非每次都会发生 - 如果您再次尝试它可能会起作用，但如果您从一个新的选项卡开始这些步骤，它似乎会一直发生。

我已经提出了 Chrome 的问题，但只是想知道是否有人知道发生了什么，以及是否有我可以实现的解决方法。

谢谢!

Answer 1

弹出窗口似乎很奇怪，很难复制 -转到下面的确切链接，然后单击所述“登录”按钮似乎可以保证该行为。 http://demos.jquerymobile.com/1.3.2/widgets/popup/#&ui-state=dialog

我相信下面的解决方案可能与它修复了幻灯片过渡的其他有趣问题有关。 (仅对弹出窗口进行有限测试)但看起来很有希望

用下面的代码片段覆盖有问题的函数。你必须在加载 jquerymobile js 之前调用它

// Override of $.fn.animationComplete muse be called before initialise jquery mobile js
   $(document).bind('mobileinit', function() {
     $.fn.animationComplete = function(callback) {
       if ($.support.cssTransitions) {
         var superfy= "WebKitTransitionEvent" in window ? "webkitAnimationEnd" : "animationend";
         return $(this).one(superfy, callback);
       } else {

         setTimeout(callback, 0);
         return $(this);
       }
     };

   })

背景:jqueryMobile 1.3.2 实现 jquery one() 事件处理程序附件有些不正确。

.one() - “将处理程序附加到元素的事件。处理程序每个事件类型每个元素最多执行一次。”:http://api.jquery.com/category/events/ : 本质上是事件触发然后被删除。

然而，使用 one() 同时调用 ("webkitAnimationEnd and animationend") 可能意味着两个处理程序中只有 1 个(取决于浏览器)被触发离开另一个太逗留并可能导致内存泄漏。

Chrome43 处理 webkitAniationEnd 和 animationend - 但在任何给定时间只处理一个。这会让另一个元素停留并在下次元素上的动画出现时触发。