无法使用jquery链接到选项卡

Question

我无法链接到我的html中的标签，无论是在同一文档中还是在同一文档之外...

这是js代码......

$(document).ready(function() {

$('.tabs a').click(function(){
    switch_tabs($(this));
});

switch_tabs($('.defaulttab'));
 });

 function switch_tabs(obj)
{
  $('.tab-content').hide();
  $('.tabs a').removeClass("selected");
  var id = obj.attr("rel");

  $('#'+id).show();
  obj.addClass("selected");
 }

这是他们在文档中的结构方式...

  <ul class="tabs">
    <li><a href="#" rel="tabs2">Quickbooks</a></li>

该代码使“按钮”拉出此标签

 <div class="tab-content" id="tabs2">
  <p>QuickBooks</p>
 </div>

我想要做的是使用像这样的href

   <a href="quickbooks.html#tabs2">Quickbooks</a>

让它拉起页面和关联的标签......我有很多麻烦...... 有什么建议吗？

Answer 1

检查location.hash处理程序中的ready属性：

if (location.hash.length > 1) {
    var tab = $('a[rel="' + location.hash.substring(1) + '"]');
    if (tab.length)
        switch_tabs(tab);
}