JQuery Mobile Change Page不会加载JS文件
为了更好地组织我们的JQuery Mobile PhoneGap应用程序,我希望能够在新页面上使用标签,并在页面被引入时使用更改页面或其他东西进入JS。
到目前为止,我努力做到这一点并没有产生我想要的东西。 除非我在index.html上包含所有JS文件,然后在PageShow事件处理程序中编写条件逻辑,这不是一个好的解决方案。
有什么想法吗?
要将新的JS包含到使用jQuery Mobile加载的页面(通过AJAX),您必须在每个页面的data-role="page"
或( data-role="dialog"
)元素中引用这些文件,因为jQuery Mobile会在AJAX页面加载期间不处理这些元素之外的任何内容。
或者,您可以使用JavaScript在每次页面转换的“pageshow”事件中动态创建新的script
标记。 像这样的东西:
$(document).on('pageshow', 'div[data-role*="page"],div[data-role*="dialog"]', function () { (function () { var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = '/path/to/new/include.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s); })(); });
我也有一个类似的问题,通过修复标签的位置没有解决。 看来如果你的代码中有编译错误(在我的例子中,在声明for循环变量时将
int
放入var
而不是var
),整个脚本将不会被加载并且不会给日志抛出任何错误(至少,不是Eclipse的Android模拟器中的LogCat)。 一定要先通过JSLint等错误检查程序运行脚本。
简单地在“div data-role =’page’中移动您的JS代码,因为JQM会跳过REST