Javascript $.mobile.loadPage()和$(“linkBtn”).click()不会在带有phonegap的jquery mobile中加载

Javascript $.mobile.loadPage()和$(“linkBtn”).click()不会在带有phonegap的jquery mobile中加载,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,如果用户已经注册,我将在应用程序启动时强制锚定单击。 当我这样做并转到第2页时,所有的脚本src都不会被加载。 我不确定这里出了什么问题。。我相信我是按照手册来强制链接的 page1.html是单页的.html->应用程序启动时首先加载->通过下面的page1.js重定向到page2.html。 page2.html是multi-paged.html 从page1.html到page2.html由以下人员指导: $(document).on('pageinit', function(){

如果用户已经注册,我将在应用程序启动时强制锚定单击。 当我这样做并转到第2页时,所有的脚本src都不会被加载。 我不确定这里出了什么问题。。我相信我是按照手册来强制链接的

page1.html是单页的.html->应用程序启动时首先加载->通过下面的page1.js重定向到page2.html。 page2.html是multi-paged.html 从page1.html到page2.html由以下人员指导:

$(document).on('pageinit', function(){
    $.mobile.loadPage("Page2.html");
    $("#startbtn").click();
});
这里是page1.html

    <!DOCTYPE html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery.mobile-1.4.5.min.js"></script>
        <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.5.min.css" />
        <script type="text/javascript" charset="utf-8" src="js/page1.js"></script> 
    </head>
    <body>
        <div data-role="page">
            <a href="page2.html" data-rel='external' data-role='button' id="startbtn">START!</a>
        </div>
    </body>
    </html>

我要从中复制粘贴

jquerymobile的AJAX导航系统只加载 页面包装器、头中的脚本和样式被丢弃,因此 您需要计划如何加载和组织这些资产

更多解释

这意味着,在文件头中引用的任何脚本和样式 当通过AJAX加载页面时,页面不会产生任何效果,但它们 如果通过HTTP正常请求页面,则将执行。什么时候 编写jQuery移动站点脚本时,需要考虑这两种情况。 通过AJAX请求时忽略页眉的原因 重新执行相同JavaScript的可能性非常大 在站点的每个页面中引用相同的脚本是很常见的。 由于试图解决该问题的复杂性,我们 将执行页面特定脚本的任务留给开发人员, 并假设head脚本在每次浏览时只执行一次 会议


可能的解决方案:在案例的父页面page1.html中插入样式和脚本。了解如何在JQM中使用实时方法。

如果我在父页面中包含所有.js和.css文件,将$document.on'pageinit',函数{};被多次呼叫?如果是这样,我应该如何在每个页面上实现'pageinit'函数?对特定页面使用pageinit,如$document。在'pageinit',page1,函数{和$document。在'pageinit',page2,函数{page1 id的位置为-,我明白了,谢谢你。我只是想知道,这是一种黑客行为,还是解决这类问题的正确方法?@Joon.P我给你的参考链接是JQM的官方链接。到目前为止,我还没有看到任何其他方式来实现这一目的。主要使用单页架构。或者页面可以用脚本分割以o、 那么ajax加载页面就不起作用了。请随意投票,如果答案对您有帮助,请将其标记为已接受。