索引'pageinit'上的Jquery Mobile对话框随处可见

Question

我在Jquery Mobile上遇到了一个对话框。在索引页面上，我想要一个关于术语和对话的对话框。条件。对话框工作，我点击接受它就消失了。然后当移动到另一个页面时，它会再次弹出，并在单击“接受”后重复弹出。

<script>
    $(document).bind('pageinit', function (){
        $.mobile.changePage("terms.html", "pop", false, false);
    });
</script>

Answer 1

页面初始化页面时会触发

pageinit。因为您使用了$(document).bind('pageinit', function (){});，这意味着您绑定到所有pageinit而不是一个。使用

$("#page1").bind('pageinit', function (){
     $.mobile.changePage("terms.html", "pop", false, false);
});

page1是第一页的ID。

或者

$(document).bind('pageinit', function (){
    if(!termsAccepted) {
        $.mobile.changePage("terms.html", "pop", false, false);
    }
});

如果您的应用程序（如移动网页）有多个入口点而不是单个入口点（如移动应用程序，始终从index.html开始），则第二个更好。

编辑： 这可能会更好

$(document).one('pageinit', function () {
    $.mobile.changePage("terms.html", "pop", false, false);
});