                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /網頁定位導航特效

添加類名出錯

<script>
$(document).ready(function(e)?{
	$(window).scroll(function(e)?{
		var?top=$(document).scrollTop();
		//console.log(top);
		var?menu=$('#menu');
		var?pic=$('#pic').find('.mem');
		var?currentId="";
		pic.each(function(index,?element)?{
			var?ths=$(this);
			var?picTop=ths.offset().top;
			//console.log(picTop);
			if?(top>picTop-300){
				currentId="#"+ths.attr("id");
			}
			else?{return?false;}
		});
		
		var?currentLink=menu.find(".first");
		if?(currentId&&currentLink.attr("href")!=currentId){
			
			currentLink.removeClass("first");
			menu.find("[href="+currentId+"]").addClass("first");
			
		}
		
		
	});
});

</script>


<body>

<div?id="menu">
		<ul>
				<li><a?href="#pic1"?class="first">新加坡</a></li>
				<li><a?href="#pic2">馬來西亞</a></li>
				<li><a?href="#pic3">三亞</a></li>
				<li><a?href="#pic4">泰國</a></li>
				<li><a?href="#pic5">臺灣</a></li>
		</ul>
</div>


<div?id="pic">
	<h2>遙祝安好</h2>
	<div?id="pic1"?class="mem">
	
		<h4>新加坡</h4>
		<br?/>

		<ul>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t0165425a5c9db4e230.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t0165425a5c9db4e230.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t0165425a5c9db4e230.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t0165425a5c9db4e230.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t0165425a5c9db4e230.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t0165425a5c9db4e230.jpg"?/></a></li>
		</ul>
		
	</div>
	<div?id="pic2"?class="mem">
		<h4>馬來西亞</h4>
		<br?/>

		<ul>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery1.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery1.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery1.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery1.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery1.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery1.jpg"?/></a></li>
		</ul>
	</div>
	<div?id="pic3"?class="mem">
		<h4>三亞</h4>
		<br?/>

		<ul>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01c1b4fa6a4fe8ea57.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01c1b4fa6a4fe8ea57.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01c1b4fa6a4fe8ea57.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01c1b4fa6a4fe8ea57.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01c1b4fa6a4fe8ea57.jpg"?/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01c1b4fa6a4fe8ea57.jpg"?/></a></li>
		</ul>
	</div>
	<div?id="pic4"?class="mem">
		<h4>泰國</h4>
		<br?/>

		<ul>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01a0df86b676757198.jpg"/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01a0df86b676757198.jpg"/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01a0df86b676757198.jpg"/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01a0df86b676757198.jpg"/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01a0df86b676757198.jpg"/></a></li>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/t01a0df86b676757198.jpg"/></a></li>
		</ul>
	</div>
	<div?id="pic5"?class="mem">
		<h4>臺灣</h4>
		<br?/>

		<ul>
		<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery2.jpg"/></a></li>
	<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery2.jpg"/></a></li>
	<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery2.jpg"/></a></li>
	<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery2.jpg"/></a></li>
	<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery2.jpg"/></a></li>
	<li><a?href="#"><img?src="file:///D|/HTML文件/未命名站點?2/scenery2.jpg"/></a></li>
	</ul>
	</div>
</div>
		
			
	
	
	
	
	
</body>

控制臺報錯：不能識別href

慕用9244143

2017-05-06

源自：網頁定位導航特效 4-2

關注問題我要回答

1505

操作

收起

1 回答

廣工小成回答被采納 +3 積分
2017-05-06

注意：不知道是不是jquery版本的問題，老師演示是正確的，但是新版的庫有問題。menu.find("[href="+currentId + "]")此處中變量為字符串拼接時，應當為menu.find("[href='"+currentId+"']" ),"+currentId+"為變量拼接，單引號將變量轉換為字符串