如何爲單個頁面應用程序實現onDirty標誌onLeave？

我有一個用MVC4編寫的單頁應用程序，它使用pjax()將html推送到我的頁面中的各種s中。我有一個允許用戶編輯數據的子表單，如果用戶更改了數據，則會在javascript中設置isDirty標誌以觸發頁面底部的警報，以顯示未保存的更新。我還想在用戶試圖離開頁面而不保存時實施額外的警告。如果我使用一個傳統的onbeforeunload功能這樣如何爲單個頁面應用程序實現onDirty標誌onLeave？

window.onbeforeunload = function() { 
    if (isDirty) { 
     return 'You have unsaved changes!'; 
    } 
    return null; 
};

它調用的警告，如果我嘗試關閉網頁或導航遠離現場完全，但如果用戶點擊我的鏈接，一個重新填充用一些不會觸發的不同信息，因爲您實際上並未離開該頁面。我如何構建它，以便這些pjax（）鏈接之一產生類似於如果關閉頁面的警報？

來源

2012-05-18 PlTaylor

爲什麼不在鏈接上添加（委託）事件處理程序？ – pomeh

這可能會起作用。在一個答案模擬它，我會給你信貸。 – PlTaylor

您可以訂閱一個全球性的事件，一個pjax請求之前大火：

$(document).on('pjax:beforeSend', function() { 
    if (isDirty) { 
     return confirm('You have unsaved changes! Are you sure you want to continue?'); 
    } 
    return true; 
});

來源

2012-05-18 16:52:22

看起來非常好。讓我嘗試並實施它，並將其標記爲已回答。 – PlTaylor

可以工作，但消息會多次出現。你知道這是爲什麼嗎？ – PlTaylor

我不得不清理一些我的jQuery選擇器來使其工作。 – PlTaylor

你可以添加一個委託的事件處理程序到頁面的鏈接。您只需確保處理程序綁定到可能加載「新頁面」的鏈接。

來源

2012-05-19 01:10:58 pomeh

如何爲單個頁面應用程序實現onDirty標誌onLeave？

回答

相關問題