JQuery Mobile - 克隆整個正文內容

Question

我一直在嘗試克隆標簽中的整個 HTML。 但是，當我這樣做時，盡管屏幕上的外觀是正確的，但鏈接都不起作用。

這是一個小提琴：[這是一個小提琴][1]

  [1]: https://jsfiddle.net/a4poster/ntkxpd63/

這個想法是在本地存儲數據，因此當用戶按下按鈕時，它會保存到 localStorage（我還沒有在此處添加），因為直到我可以讓鏈接正常工作為止，這是不值得做的。

任何幫助表示贊賞。

Answer 1

也許您應該使用 stringify 之類的東西進行克隆。

例如：

const dom_objects = document.querySelectorAll ('body> div');
const string_to_save = JSON.stringify (dom_objects);
localStorage.setItem ('foo', string_to_save); 

Answer 2

jQuery clone也在克隆父代。 你需要避免這種情況。 此外，您可能需要將附加參數deepWithDataAndEvents設置為true （自 jQuery 1.5 起可用）。

參考： .clone() | jQuery 文檔

最后，您可能需要：

• 切換到 jQuery 2.1.4（和 JQM 1.4.5）

• 刪除body下面的第一個div （直到你明白你是否真的需要它）

• 將您的事件處理程序中的代碼更改為如下所示：

  a0 = $("body>*").clone(true, true); $("body").empty(); a0.appendTo("body");

但是，盡管在本地保存數據的想法並不少見，但在 You 示例中，您似乎會克隆整個body ，因為您將把它存儲在localStorage中，這聽起來很丑陋並且容易出錯。 忘記那種方式。