data-root
指定Mobilebone各个回调的根对象。默认情况下,Mobilebone的各个回调方法都是从window
这个全局对象获取的。在实际开发时候,显然,是不建议暴露过多的全局方法的,此时,就需要修改回调的根对象,其中一个方法就是使用data-root
, 此设置主要做局部重置。全局修改可以使用Mobilebone.rootTransition
这个全局API。
例如,你使用jQuery, 然后,回调都是类似下面的写法:
$.extend({ callback: function() {}, fallback: function() {} });
则对应的page
元素可以设置data-root
为$
, 如下所示:
<div id="page" class="page out" data-root="$" data-callback="callback"></div>
data-root
支持级联,以防你的回调函数的位置较深,例如:
<div id="page" class="page out" data-root="objA.objB.objC" data-callback="callback"></div>
于是,下面数据中的callback
函数就会执行:
objA = { objB: { objC: { callback: function() {} } } };