使用URL id - Jquery将类添加到另一个页面属性。

Question

我已附上id与URL。例:当我点击Link 1时，它有#tab-2 id，它会带我登陆页面。在登陆页面中，我已经找到了哪个元素具有#tab-2 id，然后我必须添加类.active。

我试过了但没有运气。请任何人更正我的密码。谢谢

JS Fiddle链接

<div class="menu">
    <ul>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">LINK 1</a></li>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">LINK 2</a></li>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">LINK 3</a></li>
    </ul>
</div>

登陆页

<div class="tab">
    <ul>
        <li><a id="tab-2" class="active" >LINK 1 Content</a></li>
        <li><a id="tab-44" >LINK 2 Content</a></li>
        <li><a id="tab-74" >LINK 3 Content</a></li>
    </ul>
    </div>

Jquery

$(document).ready(function(){
    $(".menu ul li a").each(function(){
              var url = window.location.pathname;
              var id = url.substring(url.lastIndexOf('/') + 1);
              var land = $('.tab').find("id");
              if( land == id ) {
                $('this').addClass('active');
              }
    })
});

Answer 1

假设我已经理解了您的需求，您可以使用window.location.hash从页面的URL中检索哈希值。然后，您可以使用它直接选择所需的元素，并在加载新页面时向其添加一个类：

$(function() {
    var id = window.location.hash; // = '#tab-2', in your first link.
    $(id).addClass('active');
});

Answer 2

试试这个：

hash.asp

$(document).ready(function(){
     var hash = window.location.hash;
     $(hash).addClass('active');
});

希望能帮上忙。

Answer 3

用$('this').addClass('active');替换$(this).addClass('active');

if( land == id ) {
   $(this).addClass('active');
}