2014-11-05 33 views
2

我有一個日期變化腳本。我如何防止刷新頁面上的日期?由於我的日期以簡單的字符串形式存儲在h3中。就在將來我需要顯示與日期對應的具體數據。 Jquery .change()方法僅用於輸入字段嗎?還有可能使用AJAX來更新與存儲日期相對應的一些數據嗎?尋求變化的JQuery事件

演示:Jsfiddle

<button id="yesterday">yesterday</button> 
<button id="tomorrow">tomorrow</button> 

<h3 id="today_date"></h3> 

回答

1

要停止日期刷新改變,你需要存儲在某個地方。可能最好使用本地存儲,而不是數據庫,直到用戶設置了最終日期。您不想每次點擊按鈕就添加到數據庫。

使用本地存儲,您可以在每次點擊按鈕時設置日期,並在頁面加載時檢查日期是否已保存。如果是,請顯示該日期。

您可以通過查看筆:http://codepen.io/jhealey5/pen/KldjC - 看起來很類似,它在添加筆記的每次點擊時添加到存儲上,並在頁面加載時檢查存儲。應該能夠適應你的需求。

是的,你可以隨時將它張貼在帶有Ajax的地方。但是,每次單擊按鈕時都可能不是一個好主意,具體取決於您正在嘗試執行的操作。

希望有所幫助。

埃德:必須添加一些代碼,codepen鏈接...

localStorage["notes"] = JSON.stringify(storedNotes) 
0

您可以使用「DOMSubtreeModified」事件來檢查值是否改變。

$("#today_date").on('DOMSubtreeModified', function() { 
     alert("date changed"); 
    }); 

如果您的目標瀏覽器是IE,您可以使用'propertychange'事件。

$("#today_date").on('DOMSubtreeModified propertychange', function() { 
     alert("date changed"); 
    }); 

http://jsfiddle.net/7LXPq/819/