Question

我正在使用jQuery Mobile为PC和平板电脑创建一个Web应用程序。

我正在使用jQuery Mobile的Ajax导航功能。

因此，如果用户点击链接，则加载微调器显示。但是当JQM尝试加载该页面时，用户可能会点击另一个链接。在这种情况下，在完全加载第一页后，JQM加载第二页然后转到第二页。

现在，我希望在ajax导航工作时禁用所有内容。一切都意味着，不应该点击其他链接，不应该调用其他javascript click函数，不能滚动可能，......

每个ajax导航也应该超时。

怎么做？

Answer 1

jQM有一些不同的事件在新页面加载到DOM时触发。为什么不在点击链接后暂时停用所有链接，直到转换完成？

$('body').on('click', 'a', function() {
    $('body').on('click', 'a', function() {
        return false;
    }); 
    $(document).bind('pagechange', function() { 
        $('body').off('click', 'a'); 
    }); 
});

我使用了上面的pagechange事件，但还有一些其他事件可能更适合您的目的。 http://jquerymobile.com/demos/1.1.1/docs/api/events.html

当ajax在jQuery Mobile中加载页面时，防止用户单击其他位置

1 个答案: