使用jquery链接到选项卡时出现问题

我无法从同一个文档内部或外部链接到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>

速记簿

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

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

让它打开页面和相关的标签。。。我有相当多的麻烦。。。

---

有什么建议吗？

检查

位置。hash

属性在

就绪

处理程序中：

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

---

像使用什么一样使用a href？-->我想做的是在您的就绪处理程序中使用类似于“@n0t”的href。如果哈希为空或无效，则可以返回到

切换选项卡（$（'.defaulttab'）

。