對話框運行1秒后消失？用戶離開頁面時，我正在運行一個對話框。唯一的事情是它運行1秒并消失？我知道它與此有關bind('beforeunload')，但對話框的死亡時間比你能讀到的要快。我如何阻止這種情況發生？$(document).ready(function() {
// Append dialog pop-up modem to body of page
$('body').append("<div id='confirmDialog' title='Confirm'><p><span class='ui-icon ui-icon-alert' style='float:left; margin:0 7px 20px 0;'></span>Are you sure you want to leave " + brandName + "? <br /> Your order will not be saved.</p></div>");
// Create Dialog box
$('#confirmDialog').dialog({
autoOpen: false,
modal: true,
overlay: {
backgroundColor: '#000',
opacity: 0.5
},
buttons: {
'I am sure': function() {
var href = $(this).dialog('option', 'href', this.href);
window.location.href = href;
},
'Complete my order': function() {
$(this).dialog('close');
}
}
});
// Bind event to Before user leaves page with function parameter e
$(window).bind('beforeunload', function(e) {
// Mozilla takes the
var e = $('#confirmDialog').dialog('open').dialog('option', 'href', this.href);
// For IE and Firefox prior to version 4
if (e){
$('#confirmDialog').dialog('open').dialog('option', 'href', this.href);
}
// For Safari
e.$('#confirmDialog').dialog('open').dialog('option', 'href', this.href);
});
// unbind function if user clicks a link
$('a').click(function(event) {
$(window).unbind();
//event.preventDefault();
//$('#confirmDialog').dialog('option', 'href', this.href).dialog('open');
});
// unbind function if user submits a form
$('form').submit(function() {
$(window).unbind();
});});
3 回答
慕尼黑8549860
TA貢獻1818條經驗 獲得超11個贊
在我的情況下，我在轉到我的webapp的另一部分之前使用它來顯示“預加載器”，因此這與打開的新頁面中出現的“預加載器”匹配，以便在頁面之間進行美學更改。
它對我有用（我嘗試了一切），是這樣的：
function myLoader() {
// Show my Loader Script;}$( window ).on( 'beforeunload' , function() {
myLoader();} );- 3 回答
- 0 關注
- 466 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消