Mobilebone.transition(pageInto[, pageOut][[, back], options])
页面切换效果核心方法。含缓存机制、事件回调触发等。
参数
pageInto
DOM元素。表示进入的page元素. 必须参数。pageOut
DOM元素。表示要移出的page元素. 可选。没有移出元素使用null
.back
布尔值。是否反方向过场。可缺省。options
对象。此参数多内部使用。当back
缺省时候,可以占据back
位置使用。
options参数
如果对Mobilebone足够熟悉,就可以使用Mobilebone.transition
编写插件,实现诸多自定义效果。例如: plugins/ppt
目录中的mobilebone.ppt.js
插件,此时,你需要对options
支持的一些参数有所了解:
id
进入页面元素的id
, 绝大多数情况下,你用不到此参数,Mobilebone有一套id
获取机制。除非pageInto
本身没有id
,需要额外指定。response
ajax请求的返回内容,此参数主要目的是暴露给回调函数,于是可以根据返回数据做一些其他事情。target
一般指点击的那个a
元素,如果是表单提交,可能会代指form
元素。此参数v2.3.0+后更加规范化,在处理复杂应用时,会比较有用。remove
是否移除同id
缓存的元素。history
是否在新增一条历史记录。对于一些单页应用,或者内切换,可以设置history: false
,与Mobilebone.pushStateEnabled = false
作用异曲同工。classPage
当前切换对象识别类名,如果是内部切换,此值会与Mobilebone.classPage
值不一样。
返回值
undefined
使用示例
Mobilebone.transition(element); Mobilebone.transition(element1, element2); Mobilebone.transition(element1, element2, true); Mobilebone.transition(element1, element2, { id: "only" }); Mobilebone.transition(element1, element2, true, { id: "only" }); Mobilebone.transition(element1, element2, false, { id: "only", target: elementA, remove: false, history: false });