Jquery mobile 如何在navbar中出现持久标题时实现滑动

在我的Android JQM应用程序中，我在

navbar

中有5个选项卡的选项卡式布局。每个选项卡都像一个持久的标题。以下是第二个选项卡的代码。
现在如何实现跨多个选项卡的滑动

校长1

您可以像这样使用

swipeleft

和

swiperight

：

功能更改导航选项卡（左）{
var$tabs=$（$div[data role=navbar]li a），$（$div[data role=page].ui页面处于活动状态）；
var curidx=$tabs.closest（“a.ui-btn-active”）.parent（）.index（）；
var-nextix=0；
如果（左）{
nextidx=（curidx==$tabs.length-1）？0:curidx+1；
}否则{
nextidx=（curidx==0）？$tabs.length-1:curidx-1；
}
$tabs.eq（nextidx）.单击（）；
}
$（“div[data role=content]”）。在（“swipeleft”上，函数（事件）{
changeNavTab（true）；
});
$（“div[data role=content]”）。在（“SwiperRight”上，函数（事件）{
changeNavTab（假）；
});

工作示例（JSFIDLE）是