另一个html上的Jquery移动javascript无法正常工作

Question

另一个html上的Jquery移动javascript无法正常工作

jhd*_*hdj 0 javascript jquery-mobile cordova

所以我有2页的例子page1.html和page2.html.从第1页到第2页有一个href链接.但似乎page2.html中的javascript被忽略而未被调用.(尝试文件准备好,身体onload没有工作)

那么jquery mobile是否只接受第一页上的javascripts？

在调用page2.html后如何运行javascript？

jquery mobile感谢新手.

第2页上的示例代码与第1页类似:

    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">
    <script type="text/javascript" src="cordova-2.5.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/imageresize.js"></script>
    <link rel="stylesheet" href="css/jquery.Jcrop.min.css" type="text/css" />
    <script src="js/jquery.-1.10.1.min.js"></script>
    <script>
    $(document).bind("mobileinit", function(){
        $.extend(  $.mobile , {
            defaultPageTransition:'none'    
        });
    });
    </script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>   
    <body>
    HELLO WORLD
    </body>
    <script>

   $(function() {
    alert('testing js');        
  });
    </script>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Gaj*_*res 5

您可以在此处找到有关此问题的所有信息:为什么我必须将所有脚本放到jquery mobile中的index.html

要了解这种情况,您需要了解jQuery Mobile的工作原理.它使用ajax加载其他页面.

第一页正常加载.它HEAD并BODY装入DOM,而且他们在那里等待其他内容.加载第二页时,只将其BODY内容加载到DOM.

这就是您的按钮显示成功但单击事件无法正常工作的原因.HEAD在页面转换期间忽略其父级的同一事件.

这是官方文档:http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

不幸的是,你不会在他们的文档中找到这个描述.以太他们认为这是一种常识,或者他们忘记将其描述为我的其他主题.(jQuery Mobile文档很大但缺少很多东西).

归档时间：	12 年，4 月前
查看次数：	2581 次
最近记录：	12 年，4 月前