recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Comment écrire des onglets de manière basée sur les données?

J'espère que vous pourrez parler d'exemples d'utilisation de js ou jquery au lieu de vue et d'autres frameworks

Désolé de ne pas avoir été clair. Ce que je veux dire, c'est utiliser les données pour piloter la mise à jour de l'interface utilisateur, au lieu de mettre à jour les données et de mettre à jour l'interface utilisateur en même temps, comme dans l'exemple ci-dessous

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

        return function(){
            //    点击tab导航,触发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内容
                $(".oa-tab-item").eq(lastIndex).removeClass('active');
                $(".oa-tab-item").eq(index).addClass('active');
                lastIndex = index;
            });
            //    初始化触发
            $(".oa-tab").trigger("tab.switch", 0);
        };
    })();


    tabSwitch();
黄舟黄舟2807 Il y a quelques jours3146

répondre à tous(2)je répondrai

  • 伊谢尔伦

    伊谢尔伦2017-07-05 10:40:32

    L'affiche mentionne qu'il n'y a qu'une seule zone d'affichage et que les données de chargement ne sont régénérées que dans cette zone d'affichage en fonction des options ci-dessus ? Si tel est le cas, en fait lorsque vous cliquez sur l'option, vous effacez d'abord la zone d'affichage, puis appelez les données correspondantes et générez l'apparence correspondante puis l'ajoutez à la zone d'affichage

    .

    répondre
    0
  • 巴扎黑

    巴扎黑2017-07-05 10:40:32

    Axé sur les données ? Voulez-vous demander dynamiquement des données via ajax lorsque vous cliquez sur un onglet ?

    répondre
    0
  • Annulerrépondre