Jquery 数据转换无法使用脚本加载的页面

Jquery 数据转换无法使用脚本加载的页面,jquery,jquery-mobile,cordova,Jquery,Jquery Mobile,Cordova,我是新手,我正在开发一款应用程序,包括Phonegap、jquery和jquery mobile。我的主页上有几个脚本加载的部分页面,如下所示: <div id="breakfast" data-role="page"></div> <script>$( "#breakfast" ).load( "partials/breakfast.html" );</script> $(“#早餐”).loa

我是新手,我正在开发一款应用程序,包括Phonegap、jquery和jquery mobile。我的主页上有几个脚本加载的部分页面,如下所示:

<div id="breakfast" data-role="page"></div>                         
<script>$( "#breakfast" ).load( "partials/breakfast.html" );</script>

$(“#早餐”).load(“partials/早餐.html”);
任何一个部分都有一个导航栏,如下所示:

<div data-role="navbar" style="background:black;" id="tab">      
  <ul>                                                           
    <li><a href="#"                                              
        data-role="tab"                                          
        class="ui-btn-active ui-state-persist">Breakfast</a></li>
    <li><a href="#lunch" data-role="tab"                         
        data-transition="slide">Lunch</a></li>                   
    <li><a href="#snack" data-role="tab">Snack</a></li>          
    <li><a href="#dinner" data-role="tab">Dinner</a></li>        
    <li><a href="#other" data-role="tab">Other</a></li>          
  </ul>                                                          
</div>

我的问题是数据转换不起作用,因为在请求页面之前,页面不会加载到dom中。我可以浏览所有页面,但数据转换不起作用

我阅读了官方文档,发现可以使用以下方法预取页面:

<a href="prefetchThisPage.html" data-prefetch> ... </a>

但这也不起作用

我想要的是继续使用我的部分页面来保持我的主页干净,并使数据转换工作正常

有人有线索吗


提前谢谢

您使用的函数不正确

函数
load
是一个jQuery函数,虽然它工作正常,但不应该与jQuery Mobile一起使用。jQuery Mobile的工作方式稍有不同,如果您想预加载页面,则需要使用jQuery Mobile版本的函数加载。它将确保页面成功加载到
DOM的适当部分

此方法称为loadPage,可以找到官方信息。与load函数不同,这个函数不需要目标位置,它将由jQuery Mobile处理。您只需要在正确的时刻初始化它。通常在
pageinit
事件期间,会注意在显示初始应用程序页面之前加载页面

因为你称自己是新手,看看这个,它会告诉你什么是页面事件以及如何使用它们


如果您仍然无法使其工作,我将为您创建一个工作示例。

HTML文件包含JS代码、头和体?还是只有原始html?你把它们做成导航栏的样式了吗?非常感谢你,Gajotres,我要阅读所有的文档。我会让你知道的。很抱歉,我不能让它工作。你能解释一下怎么做吗?谢谢