我使用 cordova 和 jQuery mobile 作为 UI 框架创建了一个移动应用程序。它工作正常,只是在单击 Angular 落时不会触发 jQuery 移动按钮上的单击事件。单击 Angular 落时,我看到悬停效果(按钮颜色变化),但未触发单击事件。单击按钮 Angular 稍向内的位置时会触发 Click 事件。
我正在使用 jQuery mobile 1.4.2。下面是我的按钮(带有类 showOptions 和 ui-btn 的 anchor 标记)标记和点击处理程序:
<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
<img src="images/logo_small.png" class="appLogoImg dontDisplay ui-btn-left" style="margin-top: 6px;" />
<h1 class="ui-title">All Packages</h1>
<div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">
<a href="#" class="showOptions ui-btn ui-icon-bars ui-btn-icon-left ui-nodisc-icon">Options</a>
</div>
</div>
$('.showOptions').on('click', function() {
console.log('button clicked');
return false;
});
有人也面临同样的问题吗?请帮助我。
最佳答案
而不是使用 <button>
或<input type="submit">
,最好使用<a>
(像你一样)与 data-role="button"
属性。
<a href="#" data-role="button" class="showOptions ui-btn ui-icon-bars ui-btn-icon-left ui-nodisc-icon">Options</a>
anchor 为 data-role=button
不要被.ui-btn
包裹着分区因此,您将拥有整个按钮响应任何事件。
关于javascript - Jquery 移动按钮点击 Angular 落不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24825460/