javascript - 防止用户在 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