Jquery mobile jQuerymobile nativedroid2选项卡滑动

请帮助我，提前谢谢。

首先，使用pagecreate而不是常规的jQuery文档。就绪：

$(function () {
            function changeNavTab(left) {
                var $tabs = $("div[data-role=nd2tabs] li ", $("div[data-role=nd2tabs].nd2Tabs-active"));
                var curidx = $tabs.closest("li.nd2Tabs-active").parent().index();
                console.log($tabs);
                var nextidx = 0;
                if (left) {
                    nextidx = (curidx == $tabs.length - 1) ? 0 : curidx + 1;
                } else {
                    nextidx = (curidx == 0) ? $tabs.length - 1 : curidx - 1;
                }
                $tabs.eq(nextidx).click();
            }

            $("div[role=main]").on("swipeleft", function (event) {

                changeNavTab(true);
            });

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

                changeNavTab(false);
            });
        });

接下来，在changeNavTab（）中，选择器应该是ul[data role=“nd2tabs”]，而不是div[data role=“nd2tabs”]：

功能更改导航选项卡（左）{
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；
}否则{
nextidx=（curidx非常感谢你…你真的帮助了我…我不知道如何向你表达我的喜悦…非常感谢你…嗨，在ajax完成下载内容和DOM元素更新之前如何显示loader小部件，如果你不介意的话，请你建议我一个更好的做法，用这个例子。我已经花了很多天来搜索和实现我没有加载程序，但无法满足我的需要。谢谢，非常感谢
$(function () {
            function changeNavTab(left) {
                var $tabs = $("div[data-role=nd2tabs] li ", $("div[data-role=nd2tabs].nd2Tabs-active"));
                var curidx = $tabs.closest("li.nd2Tabs-active").parent().index();
                console.log($tabs);
                var nextidx = 0;
                if (left) {
                    nextidx = (curidx == $tabs.length - 1) ? 0 : curidx + 1;
                } else {
                    nextidx = (curidx == 0) ? $tabs.length - 1 : curidx - 1;
                }
                $tabs.eq(nextidx).click();
            }

            $("div[role=main]").on("swipeleft", function (event) {

                changeNavTab(true);
            });

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

                changeNavTab(false);
            });
        });

$(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();

}