jquery - 刷新jquery mobile中动态创建的页面

Question

我有以下问题:

我正在使用 Jquery mobile ，用户可以搜索产品，并且这些页面的详细信息是动态创建的:

类似于:

 $("body").append('<div class="products" data-role="page" id="'+pageId+'"><div data-role="header"><p class="backSearch"><a href="#base" data-rel="back" data-role="button" data-inline="true" data-icon="back">back</a></p><h1>' +data.title+ '</h1></div></div>');

 // create the content DIV
 $('#'+pageId).append('<div data-role="content" id="content_'+pageId+'">...</div>');

它工作正常，但问题是，当您转到产品详细信息并单击刷新时，表单会再次出现，并且由于 Dom 已刷新，我无法再访问产品详细信息(需要执行以下操作)另一个搜索等..)

有什么解决方案可以解决此问题吗？

Answer 1

要在本地保存这些详细信息，并在浏览器刷新后保持它们可用，请尝试使用 store.js。它是一个用于存储局部变量的跨浏览器 JavaScript 库:

https://github.com/marcuswestin/store.js