技术开发 频道

jQuery Mobile开发进阶:API扩展介绍

  继承扩展jQuery Mobile的初始化事件

  jQuery Mobile中包含了一个初始化的事件,该事件在jQuery框架的document.ready事件加载前就能被加载,名字叫mobileinit。这就允许开发者继承和扩展jQuery Mobile的默认全局选项。为了继承和扩展mobileinit事件,只需要将自定义的Javascript事件处理程序脚本放在jQuery Mobile库加载前进行加载即可,但要注意放在jQuery框架本身后进行加载,如下代码所示:

  然后,为了扩展mobileinit事件,必须首先使用jquery的bind事件将自定义方法和

  Mobileinit事件绑定,如下所示:

  $(document).bind("mobileinit", function() {

  //在这里编写新的全局选项代码

  });

  接下来,就可以使用jQuery的extend方法去继承$mobile对象,然后可以简单地通过属性=值的方法重新设置jQuery Mobile的新的全局属性,如下代码:

  $(document).bind("mobileinit", function() {

  $.extend( $.mobile , {

  property = value

  });

  });

  如果仅是设置一个属性值,则也可以使用如下代码实现,而不需要继承$mobile对象:

  $(document).bind("mobileinit", function() {

  $.mobile.property = value;

  });

  可以看到$.mobile对象为设置所有属性的入口点。

0
相关文章