使用 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

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

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