Как программно переключаться с основной вкладки на дополнительную вкладку с помощью javascript и jquery

Я хочу переключиться с основной вкладки на дополнительную с помощью jQuery и JavaScript. например, у меня есть 2 основных вкладки A и B. У меня есть 2 вторичные вкладки C и D внутри вкладки B. Я хочу переключиться на вкладку D с вкладки A при нажатии на событие. Как я могу это сделать??

Привет, не могли бы вы опубликовать свой код и что вы пытались достичь того же?

Nikhil Aggarwal 31.10.2018 14:23

Вопросы, требующие помощи по отладке («почему этот код не работает?»), Должны включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для их воспроизведения в самом вопросе. Вопросы без четкой постановки проблемы не будут полезны другим читателям. См .: Как создать минимальный, полный и проверяемый пример.

AndrewL64 31.10.2018 14:24

Невозможно узнать, какая у вас структура вкладок, чтобы помочь вам .... Если вы показали простой пример вкладок и то, как вы их показываете, мы могли бы помочь.

epascarello 31.10.2018 14:25

Для этого вам не нужен JavaScript. Вы можете сделать это с помощью CSS и Селектор :target.

str 31.10.2018 14:26
4
4
38
1

Ответы 1

Я считаю, что ваш html выглядит так

<div class="tabs">
        <ul>
            <li><a href="#tabs-1">tab Adunt</a></li>
            <li><a href="#tabs-2">tab B</a></li>
            <li><a href="#tabs-3">Tab C</a></li>
        </ul>
        <div id="tabs-1">

            <button onClientClick="openChaild()">
                Open chaild tab
            </button>

        </div>
        <div id="tabs-2">
            <p>tab 2</p>
        </div>
        <div id="tabs-3">

            <div class="Innertabs">
                <ul>
                    <li><a href="#tabs-1">Chaild tab a</a></li>
                    <li><a href="#tabs-2">Chaild tab B</a></li>
                    <li><a href="#tabs-3">Chaild tab C</a></li>
                </ul>
                <div id="tabs-1">
                    <p>sub tab 1</p>
                </div>
                <div id="tabs-2">
                    <p>sub tab 2.</p>
                </div>
                <div id="tabs-3">
                    <p>sub tab 3</p>
                </div>
            </div>



        </div>
    </div>

и ты добиваешься своей цели как

 $( function() {
    $( ".tabs" ).tabs();
     $( ".Innertabs" ).tabs();



  } );

  function openChaild()
  {
         $(".tabs" ).tabs( { active: 2 } );
      $(".Innertabs" ).tabs( { active: 1 } );
  }

Отметьте как ответ, если это сработает для вас.

Другие вопросы по теме