View.js

下载

其它版本

编写代码

视图DOM骨架

<section data-view-id="page1">
    <header>
        <a class="nav-back" data-view-rel=":back"></a>
        视图标题
    </header>
    <div class = "body">
        主内容区域
    </div>
</section>

视图脚本

;(function(){
    var viewId = "page1";
    var view = View.ofId(viewId);

    /* 视图进入 */
    view.on("enter", function(e){
        // do something
    });
})();

视图，是View.js的核心概念，代表用户看到的一屏内容

了解更多