最新版本号[免费下载]

Jquery Mobile mobileinit事件详解

作者:本站编辑 发布时间:2015-11-25 来源:本站原创 点击数:

 当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序

  <script src="Jquery.js"></script>
    <script src="您自己的js文件"></script>
    <script src="Jquery-mobile.js"></script>

要扩展 mobileinit 事件,您首先需要将它与一个自定义函数进行绑定。可使用 bind 方法扩展 mobileinit 事件,来覆盖默认配置(全局选项)。

$(document).bind("mobileinit", function(){
    //覆盖的代码
    });

在绑定事件的函数内部,你可以使用$.mobile对象的$.extend方法来配置默认参数值:

$(document).bind("mobileinit", function(){
     $.extend( $.mobile , {
     foo: bar
     });
    });

或者单独设置它。

    $(document).bind("mobileinit", function(){
     $.mobile.foo = bar;
    });

$.mobile 对象是设置所有属性的起始点

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
    <script type="text/java script">
    $(document).bind("mobileinit", function(){
    $.mobile.defaultTransition = "slidedown";
    $.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
    $.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
    $.mobile.ajaxEnabled = false; //禁用Ajax提交
    });
    </script>
    <script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>


本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
AI智能听书
选取音色