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

javascript - Wie schreibe ich Tabs datengesteuert?
黃舟
黃舟 2017-07-05 10:38:32
0
2
3202

Ich hoffe, Sie k?nnen über Beispiele für die Verwendung von js oder jquery anstelle von Vue und anderen Frameworks sprechen

Es tut mir leid, dass ich es nicht klargestellt habe. Ich meine damit, Daten zu verwenden, um die Aktualisierung der Benutzeroberfl?che voranzutreiben, anstatt gleichzeitig die Daten und die Benutzeroberfl?che zu aktualisieren, wie im Beispiel unten

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

        return function(){
            //    點擊tab導航,觸發(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導航
                $(".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();
黃舟
黃舟

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

Antworte allen(2)
伊謝爾倫

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

巴扎黑

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage