Javascript Jquery移动多页面站点和小部件

我的多页jQuery移动站点运行良好，除非使用浏览器上的刷新按钮重新加载单个页面。我知道AJAX只加载data role=“page”div中的内容，但这会使弹出窗口之类的小部件变得无用

我正在寻找的是一种方法，可以重新设置小部件的样式、重新加载、重新初始化或重新设置一些内容，这样即使在有人错误地刷新浏览器后，这些小部件也能正常工作。由于小部件可能会因页面而异，因此我需要一种通用方法来应用所有jQuery样式和小部件功能。我在page div中尝试了以下操作：

$( document ).delegate("#toc", "pageinit", function() {
    $("#toc").trigger('create')
});

---

以及该代码的许多变体都没有用。我是否需要在每个页面div中重新加载整个jQuery移动代码？还是有一种更简单的方法我没有？将页面拆分为单独的html文件对于本项目来说是非常不可取的。

您指的是单个页面模型，每个页面都在单独的html文件中。对于head标记中的js库和CSS的每个位置，当用户刷新pageX.html时，它将不会出现任何问题。这就是问题所在。我想避免像瘟疫一样分离html页面，然后使用多页面模型，所有页面都在一个文件中。您使用的是哪个版本？这就是我正在使用的，但是如果用户刷新浏览器，jQuery小部件将不再工作。如果可能的话，我想在不使用单页模型的情况下纠正这个问题。我刚刚测试了它，它正在进行刷新。