程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery mobile $(document).ready等效项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决jQuery mobile $(document).ready等效项?

开发过程中遇到jQuery mobile $(document).ready等效项的问题如何解决?下面主要结合日常开发的经验,给出你关于jQuery mobile $(document).ready等效项的解决方法建议,希望对你解决jQuery mobile $(document).ready等效项有所启发或帮助;

我花了一些时间来研究它,因为此时JQM文档还不太详细。下面的解决方案适合我:

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

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

解决方法

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

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

(我的意思是,不是我的ajax &Hellip;这是将我带到该页面的jQuery移动页面导航系统)

好的,我确实怀疑这样的事情……非常感谢=)但是&Hellip;仍然不起作用,这是我的代码:

<!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吗?

大佬总结

以上是大佬教程为你收集整理的jQuery mobile $(document).ready等效项全部内容,希望文章能够帮你解决jQuery mobile $(document).ready等效项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:mobile