javascript - jQuery 移动按钮有时只会被选中，但不会发生页面转换

Question

在使用 jQuery mobile 的 Phonegap 应用程序中，有时我单击一个按钮，但它只被选中而不会转换到其他页面，即使使用库自动生成的后退按钮也会发生这种情况，我必须再次单击它才能使其工作。这很奇怪，因为问题并不总是可重现的。一开始我以为是手机的问题，但我尝试了另一部手机，也发生了同样的事情。

• jQuery 移动 1.4.3
• Phonegap( Cordova )3.5.0
• Android 4.4.2 和 4.1.2

HTML:

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-add-back-btn="true" data-back-btn-text="Back">
<h1>Test</h1>
</div>

<div data-role="content">
</div>

Answer 1

经过不同的测试，我放弃了 rel="back"的使用。 我的按钮是这样的:

<a href="#home" data-icon="arrow-l" data-direction="reverse"   data-role="button"  data-inline="true">Back</a>      

如果“rel =“back””有效，但有时单击选定的按钮而不返回，并且当再次单击时后退按钮起作用。

最后我捕获了点击并手动执行页面更改

$('a[data-direction="reverse"]').on('tap', function(event) {
        event.preventDefault();
        event.stopPropagation();
        event.stopImmediatePropagation();
        $('#loading').hide();   // stop loading icon in case of click back when loading data                 
        $.mobile.changePage($(this).attr("href"),{transition:'fade'});
});