亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - 如何用資料驅(qū)動的方式寫tab選項卡?
黃舟
黃舟 2017-07-05 10:38:32
0
2
3198

希望大家講講用js或jquery的例子,不要用vue等框架

抱歉沒有說清楚,我的意思是用數(shù)據(jù)來驅(qū)動Ui的更新,而不是一邊要更新數(shù)據(jù),一遍還要跟新UI,像下面的例子

    var tabSwitch = (function(){
        var lastIndex = 0;

        return function(){
            //    點擊tab導(dǎo)航,觸發(fā)tab切換事件
            $('.oa-tab').on("click", ".oa-tab-nav", function(e){
                var index = $(this).index();
                $(".oa-tab").trigger("tab.switch", index);
            });

            $(".oa-tab").on("tab.switch", function(e, index){
                //    更新tab導(dǎo)航
                $(".oa-tab-nav").eq(lastIndex).removeClass('active');
                $(".oa-tab-nav").eq(index).addClass('active');
                //    更新tab內(nèi)容
                $(".oa-tab-item").eq(lastIndex).removeClass('active');
                $(".oa-tab-item").eq(index).addClass('active');
                lastIndex = index;
            });
            //    初始化觸發(fā)
            $(".oa-tab").trigger("tab.switch", 0);
        };
    })();


    tabSwitch();
黃舟
黃舟

人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!

全部回覆(2)
伊謝爾倫

樓主說的顯示區(qū)域只有一個,只是根據(jù)上面的選項來重新產(chǎn)生載入資料在該顯示區(qū)域?如果是這樣子的話,其實就是點擊選項的時候,先清空顯示區(qū)域,再呼叫對應(yīng)的資料並產(chǎn)生對應(yīng)的樣子然後加入到該顯示區(qū)域就可以了

巴扎黑

數(shù)據(jù)驅(qū)動?你的意思是點選tab的時候動態(tài)ajax請求資料?

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板