Question

在友好的帮助下，我构建了一个非常简单的标签脚本，不需要像jQuery UI这样的额外脚本。

现在，我已经看到地址栏的内容非常酷，所以你实际上可以访问标签，能够为标签添加书签并使用浏览器来回按键。

http://www.asual.com/jquery/address/

这是我的JS小提琴：http://jsfiddle.net/BiBA/WEEFd/

我尝试将它添加到我现有的JS代码段中，但它没有用。您知道如何将地址支持添加到此选项卡脚本中吗？ $（文件）。就绪（函数（）{ initTabs（）; }）;

function initTabs() {
  $('#tabMenu a').bind('click',function(e) {
  e.preventDefault();
  var thref = $(this).attr("href").replace(/#/, '');
  $('#tabMenu a').removeClass('active');
  $(this).addClass('active');
  $('#tabContent div.content').removeClass('active');
  $('#'+thref).addClass('active');
  });
}

Answer 1

使用location.hash检索网址的哈希值。您可以将此值传递给initTabs函数，并检查是否存在具有相应id / href值的内容/选项卡并将其激活。

另见http://www.ezineasp.net/post/Javascript-Location-Hash-with-Example.aspx

将jQuery地址添加到选项卡脚本

1 个答案: