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中，这听起来很丑陋并且容易出错。 忘记那种方式。