Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/200.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用URL id-Jquery将类添加到另一个页面属性_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 使用URL id-Jquery将类添加到另一个页面属性,javascript,jquery,html,Javascript,Jquery,Html,我已经附上了带有URL的id。例如:当我单击链接1时,它有标签2 id,并将我带到登录页。在登录页中,我找到了哪个元素具有#tab-2id,然后我必须添加class.active 我试过了,但没有成功。请任何人更正我的代码。谢谢 HTML <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">LINK 1</a>&

我已经附上了带有URL的id。例如:当我单击链接1时,它有标签2 id,并将我带到登录页。在登录页中,我找到了哪个元素具有
#tab-2
id,然后我必须添加class
.active

我试过了,但没有成功。请任何人更正我的代码。谢谢

HTML

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

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

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

试试这个:


我希望它能有所帮助。

使用
event.preventDefault
它可以阻止默认操作,并使用
window.location.hash
获取url中的哈希元素

$(".menu ul li a").click(function(event){
          event.preventDefault();
          var url = window.location.hash;
          $(".tab ul li a").removeClass('active');
          $(url).addClass('active');

})

谢谢如何为
href=“tab-2”
执行此操作。这些链接永远不会工作,因为
/tab-2
URL不存在。您必须使用前导的
#
。抱歉。我的意思是在登录页面中我有这样的链接。此代码将起作用。
$([href$=hash]”。addClass('active')?谢谢您的时间。没问题,很乐意帮助。
$(function() {
    var id = window.location.hash; // = '#tab-2', in your first link.
    $(id).addClass('active');
});
if( land == id ) {
   $(this).addClass('active');
}
$(document).ready(function(){
     var hash = window.location.hash;
     $(hash).addClass('active');
});
$(".menu ul li a").click(function(event){
          event.preventDefault();
          var url = window.location.hash;
          $(".tab ul li a").removeClass('active');
          $(url).addClass('active');

})