如何使用jQuery Mobile重新加载页面更改时的外部JavaScript？

Question

我在使用Google定位服务的网站移动版中有几个页面。 我正在使用changePage Ajax函数浏览网站页面。 在第一页上，如果我转到其他页面然后再返回，则定位服务可以正常工作。

当我添加rel="external"它可以工作，但是问题是它会重新加载整个页面，这对于桌面应用程序来说不是什么大问题，但在移动设备上看起来并不好。

我试图将reloadPage = true添加到changePage，但没有任何区别

有什么方法可以不重新加载整个页面而仅重新加载位置服务吗？

例：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" ></script>

$("#btn-loc").click(function () {
        $.mobile.changePage("#btn-loc", { reloadPage: true }, { transition: "slide" });
    });

Answer 1

当使用reloadPage : true您必须引用外部页面的位置，而不是该伪页面元素的ID：

$("#btn-loc").click(function () {
    $.mobile.changePage("/btn-loc.html", {
        reloadPage : true,
        transition : "slide"
    });
});

另请注意，我是如何传入options对象的，应该只包含一个要在单个对象中设置的所有属性。

reloadPage （ boolean ，默认：false）

强制重新加载页面，即使该页面已经在页面容器的DOM中也是如此。

• 仅当changePage（）的'to'参数为URL时使用。

来源： http ： //jquerymobile.com/demos/1.1.0-rc.1/docs/api/methods.html

更新资料

要通过JS将脚本添加到DOM，您可以使用Google的Google Analytics（分析）代码：

<script>
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = '/path/to/my-file.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>