防止用户在 jQuery Mobile 中 ajax 加载页面时单击其他地方

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