Javascript 根据选项卡更改页面名称

我有一个使用jquery mobile和nativedroid2构建的小应用程序

我想知道是否可以根据选项卡名称更改页面标题名称

例如，您将看到页面标题为

Friends

，我的活动选项卡为

Friends

，因此当我移动到下一个选项卡时<代码>工作页面标题应相应更改

下面是我的演示JS代码

$(document).on("pagecreate", "#page1", function () {
    $("div[role=main]").on("swipeleft", function (event) {
        changeNavTab(true);
    });

    $("div[role=main]").on("swiperight", function (event) {
        changeNavTab(false);
    });
});

function changeNavTab(left) {
    var $tabs = $('ul[data-role="nd2tabs"] li');
    console.log($tabs);
    var len = $tabs.length;
    var curidx = 0;
    $tabs.each(function(idx){
        if ($(this).hasClass("nd2Tabs-active")){
            curidx = idx;
        }
    });

    var nextidx = 0;
    if (left) {
        nextidx = (curidx >= len - 1) ? 0 : curidx + 1;
    } else {
        nextidx = (curidx <= 0) ? len - 1 : curidx - 1;
    }
    $tabs.eq(nextidx).click();

}

$（文档）。在（“页面创建”和“页面1”上，函数（）{
$（“div[role=main]”）。在（“swipeleft”上，函数（事件）{
changeNavTab（true）；
});
$（“div[role=main]”）。在（“SwiperRight”上，函数（事件）{
changeNavTab（假）；
});
});
功能更改导航选项卡（左）{
var$tabs=$（'ul[data role=“nd2tabs”]li'）；
console.log（$tabs）；
var len=$tabs.length；
var-curidx=0；
$tabs.每个（功能（idx）{
if（$（this）.hasClass（“nd2Tabs活动”））{
curidx=idx；
}
});
var-nextix=0；
如果（左）{
nextidx=（curidx>=len-1）？0:curidx+1；
}否则{
nextitx=（curidx您希望附加到每个选项卡项的单击处理程序。只需将此代码块添加到
$（document）
函数中。并为页面标题元素设置id

<h1 id="heading" class="wow fadeIn" data-wow-delay='0.4s'>Friends</h1>

$('ul[data-role="nd2tabs"] li').on('click',function(){
    $("#heading").html($(this).html());
});

朋友
$（'ul[data role=“nd2tabs”]li'）。在（'click'，function（）上{
$（“#heading”）.html（$（this.html（））；
});

这是最新的小提琴
我不知道我期望的是什么，但这是我的答案

谢谢：）很好用
function changeNavTab(left) {
    var $active = $('ul[data-role="nd2tabs"] li.nd2Tabs-active');
    if(left){
        var $moveto = $active.next().length ? $active.next() : $('ul[data-role="nd2tabs"] li:first');
    }else{
        var $moveto = $active.prev().length ? $active.prev() : $('ul[data-role="nd2tabs"] li:last');
    }
    var title = $moveto.text();
    $("h1.ui-title").text(title);
}