Bootstrap как напрямую ссылаться на тег привязки на определенной вкладке

Question

Я использую bootstrap v3 и хочу сделать ссылку на тег привязки на определенной вкладке. Я нашел способ ссылки на конкретную вкладку, как таким образом:

http://www.example.com/faq.html#tab2

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

<script type="text/javascript"> 
     $(function() { 
      // Javascript to enable link to tab 
      var hash = document.location.hash; 
      if (hash) { 
      console.log(hash); 
      $('.nav-tabs a[href='+hash+']').tab('show'); 
      } 

      // Change hash for page-reload 
      $('a[data-toggle="tab"]').on('show.bs.tab', function (e) { 
      window.location.hash = e.target.hash; 
      }); 
     }); 
    </script> 

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

faq.html#tab2#topic2-3 

Я считаю, что 2 hashtag создает проблему? Есть ли способ сделать прямую ссылку на тег привязки на определенной вкладке? Может быть, так?

faq.html?tab=2#topic2-3 

Благодарим за помощь.

Answer 1

Для использования якорей факт, что вы используете бутстрап, не имеет значения. Вам нужно правильно указать имя якорю/названию, которое вы хотите использовать. Для того, чтобы сделать это вы можете сделать

<a name="tab2">Title Text</a> 

Теперь, когда вы идете в

/myPage.html#tab2 

вы получите, где вы хотите. Читайте здесь для получения дополнительной информации: http://help.typepad.com/anchor-tags.html

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