Mobilebone.createPage(domOrHtml[[, elementOrOptions], options])
重要API. 直接根据DOM或者HTML字符串创建页面,并载入。别看API名字较长,好像很复杂,其实很简单滴。
参数
domOrHtml
DOM元素或字符串。必须参数。生成创建页面的主内容。elementOrOptions
DOM元素或者对象。可选参数,可以是<a>
元素,page元素,也可以是第3个options
参数。此参数主要用来获得触发元素上绑定的一些属性值,例如data-title
。options
键值序列对象。可选参数。
返回值
-
更多说明
- 当
options
参数缺省的时候,第二个参数elementOrOptions
可以作为options
参数使用; - 目前,常用
options
选项有:options.id
创建页面的id,如果缺省,Mobilebone会生成唯一id;options.remove
是否移除重复的页面元素(页面仅保留最新创建的),此参数生效需要通常需要指定页面id
,Mobilebone内置的ajax()
方法会以请求url
作为id,如果纯字符或DOM创建,则需要自己指定options.id
,否则无法准确删除对应的页面;options.target
点击触发过场的元素;options.history
是否增加历史记录;
其他选项,还包括:
options.title
新页面标题;options.container
装载新页面的容器;options.classPage
内切换的类名;options.back
布尔型。是否过场是返回类型;
使用示例
Mobilebone.createPage(pageDom); Mobilebone.createPage(generalDom); Mobilebone.createPage('<div class="page out">xxx</div>'); Mobilebone.createPage('<p>xxx</p>', { remove: true, id: "idJustUnique" }); Mobilebone.createPage(pageDom, triggerLink); Mobilebone.createPage(pageDom, { reponse: '<div…>' }); Mobilebone.createPage(pageDom, triggerLink, { reponse: '<div…>' });