Member 12016106 Ответов: 1

Как добавить следующую предыдущую кнопку, чтобы изменить вкладку в javascript?


Это код для кнопки. Мне нужно перейти на следующую вкладку в javascript. Как мне это сделать? Заранее благодарю вас.

Что я уже пробовал:

<pre><div id="modal-footer">
              <button type="button" class="btn btn-primary float-right" v-show="prevBtn" @click="navigate('p')">Previous</button>
              <button type="button" class="btn btn-primary float-right" v-show="nextBtn" @click="navigate('n')">Next</button>    
 </div>


1-й идентификатор вкладки:
href="#kt_portlet_base_demo_2_1_tab_content"

2-й идентификатор вкладки:
<pre>href="#kt_portlet_base_demo_2_2_tab_content"

Вкладка 3rdt ИД:
<pre>href="#kt_portlet_base_demo_2_3_tab_content"

Afzaal Ahmad Zeeshan

Возможно, вам нужно использовать функции JavaScript Bootstrap в этом случае, при построении представления с помощью Vue.js.

Вот тема, в которой обсуждается, как вы можете показать вкладку, javascript - Twitter Bootstrap Tabs: перейдите на конкретную вкладку при перезагрузке страницы или гиперссылке - переполнение стека[^]

Это пример кода, который демонстрирует это, https://codepen.io/rnr/pen/dMNZmx[^]

ZurdoDev

Зависит от того, какую библиотеку вы используете для создания вкладок.

1 Ответов

Рейтинг:
8

Member 12016106

if(page == 'n'){
         if (currentTabId == 'firstTab'){

           navigateToTab ='secondTab';
            $("#helpTab a[href='#kt_portlet_base_demo_3_2_tab_content']").tab("show");
         }
         else if (currentTabId == 'secondTab') {
           navigateToTab = 'thirdTab';
            $("#helpTab a[href='#kt_portlet_base_demo_3_3_tab_content']").tab("show");
         }
         else if(currentTabId == 'thirdTab'){
           navigateToTab='fourthTab';
            $("#helpTab a[href='#kt_portlet_base_demo_3_4_tab_content']").tab("show");
         }