链接并不重定向到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的1.10 +删除。您必须使用.tabs('active', <tabIndex>)如果你打算使用1.10+

-Demo-为1.10+您正在使用什么UI版本

Answer 2

我准备了这份plunker现在看来，这是工作的罚款：

“http://plnkr.co/edit/I5HCJasIl7OVEci7cwvI”

我放在最后<div>底部只是为了检查是否页面导航那里plunkr里面，它工作正常。

此外，您必须使用名称属性到div内的元素。请参阅相同的链接“http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479511”