ссылки не перенаправлять JQuery вкладки

Question

У меня есть 4 ссылки как

<li><a class="open-tab" href="#sirkethesaptab">Şirket Hesabı</a></li> 
<li><a class="open-tab" href="#musterihesaptab">Müşteri Hesabı</a></li> 
<li><a class="open-tab" href="#odemetab">Ödemeler</a></li> 
<li><a class="open-tab" href="#harcamatab">Harcamalar</a></li> 
<li><a class="open-tab" href="#personeltab">Personel</a></li> 

И я есть вкладка JQuery

<div class="col-sm-9 padding-right"> 
    <div id="tab-container2" class='tab-container'> 
     <ul class='etabs'> 
      <li class='tab'><a href="#sirkethesaptab">Şirket Hesabı</a></li> 
      <li class='tab'><a href="#musterihesaptab">Müşteri Hesabı</a></li> 
      <li class='tab'><a href="#odemetab">Ödemeler</a></li> 
      <li class='tab'><a href="#harcamatab">Harcamalar</a></li> 
      <li class='tab'><a href="#personeltab">Personel</a></li> 
     </ul> 
     <div class='panel-container'> 
      <div id="sirkethesaptab"> 
       <h2>sirkethesaptab</h2> 
      </div> 
      <div id="musterihesaptab"> 
       <h2>musterihesaptab</h2> 
      </div> 
      <div id="odemetab"> 
       <h2>odemetab</h2> 
      </div> 
      <div id="harcamatab"> 
       <h2>harcamatab</h2> 
      </div> 
      <div id="personeltab"> 
       <h2>personeltab</h2> 
      </div> 
     </div> 
    </div> 
</div> 

Jquery коды

$('#tab-container2').tabs({ 
    active: $.cookie('activetab'), 
    activate: function (event, ui) { 
     $.cookie('activetab', ui.newTab.index(), { 
      expires: 10 
     }); 
    } 
}); 

$('.open-tab').click(function (event) { 
    var tab = $(this).attr('href'); 
    alert(tab); 
    $('tab-container2').tabs('select', tab); 
}); 

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

Answer 1

Итак, это глупая ошибка. Думаю, у вас есть недостающий # в вашем селекторе в функции щелчка .open-tab.

$('.open-tab').click(function (event) { 
    var tab = $(this).attr('href'); 
    alert(tab); 
    $('#tab-container2').tabs('select', tab); // <- added # 
}); 

-Demo-

Примечание: Параметр select был удален из JQuery UI v1.10 +. Вы должны использовать .tabs('active', <tabIndex>) если вообще вы планируете использовать 1.10+

-Demo- для 1.10+

Answer 2

я подготовил этот plunker это кажется, что работает отлично:

«http://plnkr.co/edit/I5HCJasIl7OVEci7cwvI»

Внутри plunkr я поместил последний <div> на дне просто проверить, если страница перемещается туда и она работает нормально ,

Кроме того, вы должны использовать имя атрибут элемента внутри div. Обратитесь к ссылке для того же «http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479511»