国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 如何用數(shù)據(jù)驅(qū)動的方式寫tab選項(xiàng)卡?
黃舟
黃舟 2017-07-05 10:38:32
0
2
3192

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

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

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

        return function(){
            //    點(diǎn)擊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)心的淡定與從容!

全部回復(fù)(2)
伊謝爾倫

樓主說的顯示區(qū)域只有一個,只是根據(jù)上面的選項(xiàng)來重新生成加載數(shù)據(jù)在該顯示區(qū)域?如果是這樣子的話,其實(shí)就是點(diǎn)擊選項(xiàng)的時候,先清空顯示區(qū)域,再調(diào)用對應(yīng)的數(shù)據(jù)并生成對應(yīng)的樣子然后添加到該顯示區(qū)域就可以了

巴扎黑

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

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