這里的兩個加號為何不能省略
代碼$('#menu').find("[href="+currentId+"]").addClass('current');中的兩個加號不能省略么，為什么
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
? ? ? ? *{
? ? ? ? ?margin: 0;
? ? ? ? ?padding: 0;
? ? ? ? }
? ? ? ? body{
? ? ? ? ?font-size: 12px;
? ? ? ? ?line-height: 1.7;
? ? ? ? }
? ? ? ? li{
? ? ? ? ?list-style: none;
? ? ? ? }
? ? ? ? #main{
? ? ? ? ?width: 800px;
? ? ? ? ?padding: 20px;
? ? ? ? ?margin:0 auto;
? ? ? ? }
? ? ? ? #main h1{
? ? ? ? ?color: #08b;
? ? ? ? }
? ? ? ? #main .item{
? ? ? ? ?border: 1px dotted #08b;
? ? ? ? ?padding: 20px;
? ? ? ? ?margin-bottom: 20px;
? ? ? ? }
? ? ? ? #main .item h2{
? ? ? ? ? ? border-bottom: 2px solid #08b;
? ? ? ? }
? ? ? ? #main .item li{
? ? ? ? ?display: inline;
? ? ? ? ?margin-right: 10px;
? ? ? ? }
? ? ? ? #main .item li img{
? ? ? ? ?width: 230px;
? ? ? ? ?height: 230px;
? ? ? ? ?border:none;
? ? ? ? }
? ? ? ? #menu{
? ? ? ? ?position: fixed;
? ? ? ? ?top: 200px;
? ? ? ? ?left: 50%;
? ? ? ? ?margin-left: 400px;
? ? ? ? }
??
? ? ? ? #menu li a{
? ? ? ? ?display: block;
? ? ? ? ?height: 40px;
? ? ? ? ?width: 60px;
? ? ? ? ?line-height: 40px;
? ? ? ? ?margin: 5px 0;
? ? ? ? ?text-align: center;
? ? ? ? ?font-size: 14px;
? ? ? ? ?font-weight: bold;
? ? ? ? ?text-decoration: none;
? ? ? ? ?color: #111;
? ? ? ? ?text-align: center;
? ? ? ? }
? ? ? ? #menu li a:hover,
? ? ? ? #menu li a.current
? ? ? ? {
? ? ? ? ? ? background: #08b;
? ? ? ? ? ? color: #fff;
? ? ? ? }
//瀏覽器兼容性
?* html, * html body {
? ? ? ? ? ? background-image: url(about:blank);
? ? ? ? ? ? background-attachment: fixed;
? ? ? ? }
? ? ? ? * html #menu {
? ? ? ? ? ? position: absolute;
? ? ? ? ? ? bottom: auto;
? ? ? ? ? ? top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
? ? ? ? }
</style>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
? ? <script type="text/javascript">
? ? $(document).ready(function(){
? ? ?$(window).scroll(function(){
? ? ?var items = $('#main').find('.item');
? ? ?var top = $(document).scrollTop();
? ? ?var currentId = "";
? ? ?items.each(function(){
? ? ? ? ? ? ? ? var m = $(this);
? ? ? ? ? ? ? ? if(top>m.offset().top-250){
? ? ? ? ? ? ? ? ? ?currentId = "#"+m.attr("id");
? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ?return false;
? ? ? ? ? ? ? ? }
? ? ?});
? ? ?var currentLink = $('#menu').find('.current');
? ? ?if(currentId&¤tLink.attr("href")!=currentId){
? ? ?currentLink.removeClass("current");
? ? ?$('#menu').find("[href="+currentId+"]").addClass('current');
? ? ?}
? ? ?})
? ? })
? ? </script>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#item1">男裝</a></li>
<li><a href="#item2">女裝</a></li>
<li><a href="#item3">美妝</a></li>
<li><a href="#item4">數碼</a></li>
<li><a href="#item5">母嬰</a></li>
</ul>
</div>
<div id="main">
<h1>地溝購物網</h1>
<div id="item1">
<h2>1F 男裝</h2>
<ul>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
<li><a href="#"><img src="1F.jpg"></a></li>
</ul>
</div>
? ? ? ? <div ?id="item2">
<h2>2F 女裝</h2>
<ul>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
<li><a href="#"><img src="2F.jpg"></a></li>
</ul>
</div>
<div ?id="item3">
<h2>3F 美妝</h2>
<ul>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
<li><a href="#"><img src="3F.jpg"></a></li>
</ul>
</div>
<div ?id="item4">
<h2>4F 數碼</h2>
<ul>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
<li><a href="#"><img src="4F.png"></a></li>
</ul>
</div>
<div ?id="item5">
<h2>5F 母嬰</h2>
<ul>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
<li><a href="#"><img src="5F.jpg"></a></li>
</ul>
</div>
</div>
</body>
</html>
2017-03-26
變量和字符串的拼接要用+號 否則會出現錯誤?