基于锚点的选项卡导航jquery代码不起作用

Question

var url = document.location.toString();
        if (url.match('#')) { // the URL contains an anchor
          // click the navigation item corresponding to the anchor
          var myAnchor = '#' + url.split('#')[1];
          $("ul.tabs li").removeClass("active"); //Remove any "active" class
          $("ul.tabs li a:" + myAnchor).addClass("active"); //Add "active" class to selected tab
          $(".tab_content").hide(); //Hide all tab content
          $(myAnchor).fadeIn(); //Fade in the active ID content
        }

为什么“li”元素没有被激活

尝试访问=＆gt; http://domainsoutlook.com/s/site/stackoverflow.com.html#meta_info

Answer 1

您正在将该类添加到锚点，而不是li。

请改为尝试：

$("ul.tabs li a:" + myAnchor).parent().addClass("active");

Answer 2

取消选项卡的选择器已关闭。您的选择器是"ul.tabs li a:#meta_info"，它不是真正的选择器。你想找到一个href为“#meta_info”的a。试试这个：

$("ul.tabs li a[href='" + myAnchor + "']")