data-title

用来切换页面的title值。一般出现在page元素上,某些场景也可以用在a元素和form元素上。

  1. page元素

    例如,如下HTML代码的两个page元素:

    <div id="page1" class="page out" data-title="页面1的标题"></div>
    <div id="page2" class="page out" data-title="页面2的标题"></div>

    当大页面从“页面1”切换到“页面2”的时候,整个页面的title就会变成 - “页面2的标题”。

  2. a元素

    如果页面是Ajax请求,且返回的是个HTML片段参见下其他说明,则页面切换时候是不知道title应该边成功后哪个值,此时可以在触发该Ajax的a元素上使用data-title.

    例如:

    <a href="ajax.html" data-title="请求内容的标题"></a>

    此时,当请求的内容以页面形式被载入的时候,大页面的标题就会变成 - “请求内容的标题”。

  3. form元素

    a元素类似。

其他说明

  1. 对于Ajax请求,如果返回的是完整页面(如下代码),就像本API文档,则Mobilebone会自动获取<title>元素中的文本作为载入后的页面标题。
    <html>
        <head>
            <title>此标题会被自动获取并显示</title>
        </head>
        <body>
            <!-- 主体内容 -->
        </body>
    </html>
    
  2. form请求功能v1.1.7新增,此文档编写时候还没有该版本,所以,可能有些地方会遗漏form,欢迎帮忙指出。