javascript - jQuery Mobile 遗漏了 vclick/fastclick 上的 css 效果

Question

在android/iOS设备上用过jqm的人都知道，300ms的延迟会让人头疼。值得庆幸的是，有多种解决方案——使用 fastclick.js、“vlick”方法和其他选项。

但是，当您应用此解决方案时，CSS 效果不会随之而来。这是一个演示: http://nischenspringer.de/jquery/fastclick/demo.html(来自 https://github.com/Plaputta/jquery.event.special.fastclick )

如果您在计算机上点击演示，您会看到悬停和点击 css 效果。但是，如果您从 iOS 设备上单击，则只有在按住按钮 300 毫秒(我假设)时才会看到这些效果。如果您快速单击，应用程序将响应并执行操作，但您不会看到任何 css 更改!

关于如何解决这个问题的任何想法？

Answer 1

工作示例: jsFiddle

您所要做的就是设置 jQuery Mobile 配置变量: buttonMarkup.hoverDelay

$(document).bind("mobileinit", function(){
    $.mobile.buttonMarkup.hoverDelay = 0;
});

但要小心，mobileinit 必须 在 jQuery Mobile 之前初始化，如下所示:

<script src="jquery.js"></script>
<script>
    $(document).bind("mobileinit", function(){
        $.mobile.buttonMarkup.hoverDelay = 0;
    });
</script>
<script src="jquery-mobile.js"></script>