启动时仅显示一次jQuery移动对话框（Web应用程序）

Question

我的问题是以下代码可以正常工作（启动时会显示一次对话框），但是当我导航到另一页（激活了标准ajax），然后又导航回到第一页时，对话框再次显示（然后循环显示）当我点击“关闭”时

我究竟做错了什么？

代码如下所示：

$(document).on('pageinit', '#pageindex', function(event) {
        setTimeout(function(){
            $('#dialog').click();
            $('#dialog').remove();
        },1000);
});

Answer 1

要快速修复， .on用.one替换.on 。 但是，通常pageinit事件应该只触发一次，因此必须有某种原因导致它多次触发。

Answer 2

以下代码在单页/多页页面上执行一次，并且多页方法：

$(document).on('pageinit', '#pageindex', function (event) {
    $(this).off(event);
    setTimeout(function () {
        $('#dialog').click();
        $('#dialog').remove();
    }, 1000);
});