JQuery mobile 如何实现局部过渡效果？

Question

1、使用JQuery mobile开发手机页面。
2、页面整体分为3个部分，header，footer和content，其中content分为左边栏sidebar和主体main部分。
3、当点击main中的某个元素时，main实现过渡效果，页面中main部分替换为另一个页面内容。

那么问题来了。。。

如何实现局部过渡效果，Jquerymobile是否有类似【 data-transition="slide"】的局部过渡效果，而不是整个页面去发生过渡效果。

Answer 1

使用jquerymobile中的popup组件实现了这个效果。

Answer 2

把role="header"写在role="page"的外面，试一下。

Answer 3

局部过渡效果是有的，我记得官方demo中就有类似的，不过在移动端测试的时候会有卡顿感，移动端使用jqm略臃肿，有机会一起继续交流。