jQuery HTML在刷新時消失

Question

我正在用jQuery的.html()方法修改一個空的<div> 。 當我刷新頁面時，添加的代碼消失了。

$('#div').html($('#div').html() + '<div>'+obj.name+'&nbsp;<a href="">(x)</a>');

是否可以更改行為或使用其他方法？

謝謝

編輯：

解決我的問題

也許是設計錯誤。 這是一個包含一些字段的表單，第二個表單是用戶可以上傳文件的表單，在文件上傳之后，我在div中添加了文件名和刪除鏈接。 如果用戶提交表單，程序將連接創建的對象和文件。 它實際上不是任何人都需要刷新的頁面，但是它可能發生，然后將文件保存在數據庫中，但是丟失了將其與表單對象連接的信息。

Answer 1

當然，每當您重新加載頁面時，所有元素都將返回到原始狀態（從服務器加載）。 但是，有解決此問題的方法。

• 使用cookie
• 使用HTML本地存儲

您必須了解客戶端腳本的工作方式。 修改發生在要從中加載腳本的客戶端系統上，而不是服務器上。

Answer 2

您應該創建一個函數：

function doMyStuff(){    
     //your code here    
}
doMyStuff();   // that will be triggered on DOM ready // page refresh, whateva'

$('#element').on('click',function(){
    doMyStuff(); // you call your function on click
});

Answer 3

我不太了解您在這里做什么，但是您可以將所需的鏈接放在HTML頁面本身的#div pa中。 然后，如果要在用戶單擊按鈕時更改該行代碼，則可以使用CSS來完成。

具體來說，像這樣：

<div>
  <p><a id="example" href="www.example.com">Example</a></p>
</div>

如果說，則用戶單擊一個按鈕（onClick（）...）

$('div p a#example').html(//what you want to do here);

那可能應該更改代碼。

這樣，當您等待客戶端先移動時，瀏覽器不會在HTML本身中顯示空白。