求大神找出我到底哪里错了自己找了3遍没找出-慕课网

求大神找出我到底哪里错了自己找了3遍没找出

来源：4-3 使用jQuery实现网页定位导航（下）

arpmaomao

2016-09-23 01:37

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>地狗购物网-网页定位导航效果</title>

<style>

* { margin:0;

padding:0; }

body{

font-size:12px;

line-height: 1.7;

}

li{

list-style:none;

}

#content{

width:800px;

margin: 0 auto;

padding: 20px;

}

#content h1{ color:#F36 }

#content .item{

padding:20px;

margin-bottom:20px

border: 1px solid #C63;

}

#content .item h2{ font-size:16px;

font-weight:bold;

border-bottom:2px solid #963;

margin-bottom:10px;

}

#content .item li{

display:inline ;

margin-right:10px;

}

#content .item li a img{

width: 230px;

height: 230px;

border: mone;

}

#menu{

position:fixed;

top:100px;

left:50%;

margin-left:400px;

width:80px;

}

#menu ul li a{

display:block;

margin:5px 0;

font-size:14px;

font-weight:bold;

color:#F6C;

width:80px;

height:50px;

line-height:50px;

text-decoration:none;

text-align:center

}

#menu ul li a:hover,

#menu ul li .current{

color:#FFF;

background:#F69;

}

</style>

$(document).ready(function(){

$(window).scroll(function(){

var top =$(document).scrollTop();

//console.log(top)

var menu=$('#menu');

var items =$('#content').find('.item');

var currentId= '' ;

items.each(function(){

var m = $(this);

var itemTop =m.offset().top;

//console.log( itemTop)

if(top > itemTop){

currentId= '#' + m.attr('id');

}

else{ return false; }

})

var currentLink =menu.find('.current');

if(currentId && currentLink.attr('href') != currentId){

currentLink.removeClass('current');

menu.find('[href="+ currentId +"]').addClass('current')

}

});

</script>

</head>

<body>

<ul>

</ul>

</div>

<h1>地狗购物网</h1>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

</body>

</html>

写回答关注

5回答

慕莱坞3689982

2016-09-23 10:38:50

已采纳

不好意思我刚才看错了我是引入的本地的是menu.find('[href="+ currentId +"]').addClass('current')错了，改成"[href="+ currentId +"]"就好了，这样是有效的，但是我看评论有说要再加单引号的，"[href='"+ currentId +"']"这样应该更好吧，不知是否与jquery版本有关

0 0
海子de微博

2017-05-18 22:30:37

谢谢！find("[href='" +currentId+ "']")

0 1
qq_Wa_13960818

2016-09-25 22:27:51

最新版本只支持这种写法"[href='"+ currentId +"']"

1 0

臭臭臭臭家伙

换成这种写法，也没有更换效果

2016-10-23 17:12:29

共 1 条回复 >
arpmaomao

2016-09-23 16:35:14

我刚刚试了一下,果然是这个问题, 你真棒啊
请问下单双引号的作用不是一样的吗 ?
不是当一个引号下有另一个引号的时候
换一下里面引号的单双引号就行了?

0 0
慕莱坞3689982

2016-09-23 10:28:03

script引入错误了 jquery-1.10.2,你写成/了

0 0