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