ajax – jQuery mobile $(document).ready等效

发布时间：2020-12-16 03:14:06 所属栏目：百科来源：网络整理

导读：在ajax导航页面中，用于执行初始化的经典“文档准备”表单javascript根本不会触发。在ajax加载页面中执行一些代码的正确方法是什么？ (我的意思是，不是我的ajax …它是jquery移动页面导航系统，它带我到那个页面) 好吧，我怀疑这样的东西…感谢很多=)但是

在ajax导航页面中，用于执行初始化的经典“文档准备”表单javascript根本不会触发。

在ajax加载页面中执行一些代码的正确方法是什么？

(我的意思是，不是我的ajax …它是jquery移动页面导航系统，它带我到那个页面)

好吧，我怀疑这样的东西…感谢很多=)但是它仍然不工作，这里是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>mypage</title>

    <link rel="stylesheet" href="jquery.mobile-1.0a4.min.css" />
    <script type="text/javascript" src="jquery-1.5.min.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.0a4.min.js"></script>
    <script type="text/javascript">
        $('div').live('pageshow',function(event,ui){
          alert('ciao');
        });
    </script>

</head>

<body>

    <div data-role="page">

        <div data-role="header" data-position="fixed">
            <h1>Shopping Cart</h1>
        </div>

        <div data-role="content"> asd


        </div>

    </div>

</body>

我需要指定div ID吗？

我花了一些时间研究相同的，因为JQM文档在这一点上不是很详细。下面的解决方案对我很好：

<script type="text/javascript">
$('div:jqmData(role="page")').live('pagebeforeshow',function(){
    // code to execute on each page change
});
</script>

你必须实现自己的检查流程，以防止多次初始化，因为上面的代码将在每次页面更改时运行

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!