Member 13917192 Ответов: 1

Вызов конкретной навигационной вкладки из ссылки

поэтому я стараюсь создавать ссылки href с конкретными идентификаторами таблиц, чтобы при открытии ссылки вызываемый конкретный идентификатор таблицы был открытой активной вкладкой( т. е. www.gohome.com/asset.html#profile). но независимо от того, что я делаю, активная вкладка все еще остается застойной, и, в частности, вызывая tab id, кажется, ничего не делает. я начинаю думать, что это не может быть сделано без того, чтобы я не реализовал какой-то сценарий. но я не настолько хорош в кодировании. любая форма помощи будет великолепна. спасибо Н сообщить об этом администрации.

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

<div class="tab-content">
 <div class="tab-pane active" id="profile">
  <div class="single-service">
   <h3>me</h3>
  </div>
 </div>

 <div class="tab-pane " id="messages">
  <div class="single-service">
   <h2>you</h2>
  </div> 
 </div>
</div>


<ul class="nav nav-tabs">
 <li><a href="#profile">me </a></li> <li><a href="#messages">you</a></li>              </ul>

1 Ответов

Рейтинг:
1

Richard Deeming

Что-то вроде этого должно работать, предполагая, что вы используете стандартный Bootstrap 3 вкладки[^]:

<script>
$(function () {
    var target = location.hash;
    if (target) {
        $("a[data-toggle='tab'][href='" + target + "']").tab("show");
    }
});
</script>

Member 13917192

я чувствую, что это должно сработать, но это не так. в принципе, скрипт может идти куда угодно в коде, не так ли? или это должно быть в голове кода?

Richard Deeming

Как я уже сказал, Это зависит от того, соответствует ли ваш код стандартной разметке Bootstrap.

Глядя на код, который вы разместили в своем вопросе, ваши ссылки на вкладки отсутствуют. data-toggle="tab" атрибут. Это предотвратит переключение сценария начальной загрузки между вкладками и не позволит этому сценарию найти их.