索引'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); 
    } 
}); 

第二個是更好，如果你有多個入口點到你的應用程序（如移動網頁），而不是一個單一入口點（如移動應用程序，總是開始於指數。 HTML）

編輯： 這可能是更好的

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