我有 3 个 php 页面、1 个索引页面和 2 个在索引页面中有链接(销售和产品)的其他子页面。当我点击销售时,它是 suppode 在 pageint
或 document ready
上加载销售数据,因为我正在使用下面的调试。
$('[data-role="page"]').live('pageshow', function () { <-- error line
console.log("pageshow");
});
$(document).on('pageinit', function(){
console.log("pageinit");
});
$(document).ready(function(){
console.log("docready");
})
当我点击索引页面中的链接时,没有代码触发,但是当页面加载并刷新时,我得到错误行指示的 javascript 错误
Object [object Object] has no method 'live'
我正在使用
jquery.1.9.1.min.js
jquery.mobile.1.3.2.min.js
索引页的html是
<div data-role="page" data-ajax="false" id="home">
<?php include_once("header.php");?>
<div data-role="content" data-theme="">
<ul data-role="listview" data-divider-theme="b" data-inset="true">
<li data-role="list-divider" role="heading">Menu</li>
<li data-transition="flip">
<a href="outgoing.php" data-transition="slide" data-ajax="true">sales </a>
</li>
<li data-transition="flip">
<a href="settings.php" data-transition="slide" data-ajax="true">products</a>
</li>
<li>
<a href="../logout.php">Logout</a>
</li>
</ul><div data-role="navbar" data-iconpos="">
</div>
</div>
<div data-role="footer" data-theme="b">
<?php include_once("../footer.php");?></h4>
</div>
</div>
我做错了什么?
编辑
我更新了关于 $('[data-role="page"]').on('pageshow', function () {
的代码,但是除我之外没有其他函数触发页面加载完毕后手动刷新页面
最佳答案
我通过在加载页面的链接中设置 data-ajax=false 解决了这个问题,该页面没有触发文档就绪和其他内容
<a href="page.php" data-ajax="false">link</a>
谢谢
关于php - jquery mobile 不会触发 pageinit 或 ready,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18657721/