data-title
用来切换页面的title
值。一般出现在page
元素上,某些场景也可以用在a
元素和form
元素上。
- 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的标题”。 - a元素
如果页面是Ajax请求,且返回的是个HTML片段参见下其他说明,则页面切换时候是不知道
title
应该边成功后哪个值,此时可以在触发该Ajax的a
元素上使用data-title
.例如:
<a href="ajax.html" data-title="请求内容的标题"></a>
此时,当请求的内容以页面形式被载入的时候,大页面的标题就会变成 - “请求内容的标题”。
- form元素
与
a
元素类似。
其他说明
- 对于Ajax请求,如果返回的是完整页面(如下代码),就像本API文档,则Mobilebone会自动获取
<title>
元素中的文本作为载入后的页面标题。<html> <head> <title>此标题会被自动获取并显示</title> </head> <body> <!-- 主体内容 --> </body> </html>
form
请求功能v1.1.7新增,此文档编写时候还没有该版本,所以,可能有些地方会遗漏form
,欢迎帮忙指出。