Jquery 数据转换无法使用脚本加载的页面
我是新手,我正在开发一款应用程序,包括Phonegap、jquery和jquery mobile。我的主页上有几个脚本加载的部分页面,如下所示: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
<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,我要阅读所有的文档。我会让你知道的。很抱歉,我不能让它工作。你能解释一下怎么做吗?谢谢