Как перейти к закладке, указанной в закладке многократной сделать с JQuery инструментами

Question

Я извиняюсь, я абсолютный новичок в JQuery и инструментах ...

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

Вот мой HTML-код:

<a href="#tab2">AN EXTERNAL LINK TO TAB2</a> 
<div> 
    <div class="wrap"> 
     <ul class="tabs"> 
      <li class="current"><a href="#tab1">Tab 1</a></li> 
      <li><a href="#tab2">Tab 2</a></li> 
      <li><a href="#tab3">Tab 3</a></li> 
     </ul> 
     <div class="pane">content with <a href="#tab2">A INTERNAL LINK TO TAB 2</a></div> 
     <div class="pane">content</div> 
     <div class="pane">content</div> 
    </div> 
</div> 
<div> 
    <div class="wrap"> 
     <ul class="tabs"> 
      <li class="current"><a href="#tab5">Tab4</a></li> 
      <li><a href="#tab5">Tab 4</a></li> 
      <li><a href="#tab6">Tab 6</a></li> 
     </ul> 
     <div class="pane">content</div> 
     <div class="pane">content</div> 
     <div class="pane">content</div> 
    </div> 
</div> 

Является ли мой сценарий правильно на нижней части тела? Сценарий:

<script> 

    // perform JavaScript after the document is scriptable. 
    $(function() { 

     $("ul.tabs").tabs("> .pane"); 
    }); 
</script> 

Что i'have хватает? Я думаю, что это возможно с несколькими вкладками ...

Большое спасибо за помощь.

Answer 1

Вы можете вызвать событие щелчка на желаемой вкладке, когда нажата целевая ссылка. В этом случае вам нужно назначить имена классов для своих вкладок и ссылок, поскольку они немного быстрее, чем селектор атрибутов (например, [href=#tab2]).

Так что в вашем HTML:

<a href="#tab2" class="target-tab-2">AN EXTERNAL LINK TO TAB2</a> 

... 

<li><a href="#tab2" class="tab-2">Tab 2</a></li> 

JS:

$('.target-tab-2').click(function (e) { $('.tab-2').click(); e.preventDefault(); });