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() {}
        }
    }        
};