Mobilebone.createPage(domOrHtml[[, elementOrOptions], options])
重要API. 直接根据DOM或者HTML字符串创建页面,并载入。别看API名字较长,好像很复杂,其实很简单滴。
参数
domOrHtmlDOM元素或字符串。必须参数。生成创建页面的主内容。elementOrOptionsDOM元素或者对象。可选参数,可以是<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…>' });