LungoJS框架学习笔记——绑定

1) Title 绑定　

在导航条元素里运用 data-title 属性可以更换对应 section 的标题。

<section id="main">
    <header data-title="默认标题"></header>
    <article id="first" class="active">
        <button data-view-article="second" data-title="目前显示的是按钮二">按钮一</button>
    </article>
    <article id="second">
        <button data-view-article="first" data-title="目前显示的是按钮一">按钮二</button>
    </article>
</section>

效果图：

2) Element 绑定

可以通过 data-article 属性来实现显示不同页面内容的切换按钮。

<section id="main">
    <header data-title="Element 绑定示例">
        <nav class="on-right">
            <button data-article="second" data-view-article="first">第一页</button>
            <button data-article="first" data-view-article="second">第二页</button>
        </nav>
    </header>
    <article id="first" class="active">目前显示的是第一页内容</article>
    <article id="second">目前显示的是第二页内容</article>
</section>

效果图：