如何使用jquery mobile在页面更改时重新加载外部javascript？

我在该网站的移动版中有两个页面使用谷歌定位服务。我正在使用changepageajax功能浏览网站页面。在第一页上，加载位置服务正常工作，如果我转到另一页并返回，则不会正常工作

当我添加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" });
    });

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

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

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

重新加载页面布尔值，默认值：false

强制重新加载页面，即使页面已经在页面容器的DOM中

仅当changePage的“to”参数是URL时使用。 资料来源：

使现代化 要通过JS向DOM添加脚本，可以使用Google的分析代码：

<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>

---

我试过你建议的方法。它的工作方式与我的代码相同。它不会加载外部文件，如果您将该文件包含在文档的头部，那么在AJAX导航时它将被忽略。将include放在data role=page元素中，或者通过编程将脚本添加到DOM中。它位于data role=page中。你能告诉我如何通过编程将脚本添加到DOM中吗？你是在使用页面加载事件还是pageChange/pageShow调用google服务？页面加载事件仅针对初始页面触发，而通过AJAXI加载的任何其他页面在页面顶部都没有引用，因此页面加载事件。你知道如何在页面更改事件中加载吗？