javascript - Onsen UI Navigator 防止双击

Question

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

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

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

Answer 1

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

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

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

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