javascript - Onsen UI Navigator 防止双击

标签 javascript jquery onsen-ui monaca

我有一个列表,其中包含我允许用户点击的项目。单击一个项目会将用户带到详细信息页面。如果您单击的速度足够快,则可能会触发两个单击事件,将用户带到一个详细信息页面,然后再转到另一个。有没有办法防止这种情况?例如,您可以告诉导航器在导航完成之前不要推送另一个页面吗?

这是我在填充列表后调用的代码,分配点击事件:

$( '#myList .item', this ).on( 'click', function() {    
    navi.pushPage( "details.html" ) );
});

最佳答案

要禁用此行为,您目前可以将 {cancelIfRunning: true} 作为第二个参数传递给 navi.pushPage。我们计划很快将此设置为默认行为,这就是为什么它是一个未记录的设置,但在那之前你可以明确地调用它。

 navi.pushPage('details.html', {cancelIfRunning: true});

作为Fran Dios提到 - 有一个 issue使用此设置,但它应该已经在 beta 6 中得到修复。

因此,只要您使用的是 OnsenUI beta 6 或更高版本,打开此设置应该没有问题。否则你可以使用 Zakaria Acharki's solution .

关于javascript - Onsen UI Navigator 防止双击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35539293/

相关文章:

javascript - Typeahead.js 和图像缩略图

javascript - 使用 Three.js 加载纹理的 onProgress

javascript - 使用 Onsen-ui 将数据库中的数据显示到 Phonegap 应用程序中

javascript - Accordion 按钮未隐藏文本

javascript - 如何使用node-imap读取和保存附件

javascript - jquery 显示隐藏每个 div onclick

JQuery 验证忽略本地化文件 (ASP.NET MVC)

jQuery 验证插件在密码旁边显示成功/失败图像

javascript - Angular Controller $scope.fId 显示未定义的值

html - 如何使 onsen ui 按钮栏在页面上居中