## 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
    });