Question

我想用jQuery实现的是： 当鼠标滑过li时,改变div的背景图,并且赋予div以onclick打开新页面。遇到了问题。

已经实现改变背景图了，但是赋予onclick属性有个奇怪的问题，点击后会连续弹出2次同样的页面，然后切换到另一个界面再点击，会连同之前访问过的页面又重新弹出2次。

这是为何？要如何解决？？
代码如下：

<script type="text/javascript">
$(document).ready(function () {
//按钮样式切换
$("#Tophead_AD_Buttom li").hover(function(){
var BgImgID=$('>span',this).text(); //获取Span里的值
var HrefLink=$('>b',this).text(); //获取href地址
$("#Tophead_AD").css("background-image","url(manage/img/ad/"+BgImgID+".jpg)"); //用Span的值改变背景图片地址
$("#Tophead_AD").click(function(){
window.open(HrefLink);
});
})
})
</script>
<div id="Tophead_AD">
<div id="Tophead_AD_Buttom">
<ul>
<li><span>1</span><b>http://news.163.com</b></li>
<li><span>2</span><b>http://www.baidu.com</b></li>
<li><span>3</span><b>http://www.kenon.cn</b></li>
<li><span>4</span><b>http://www.sina.com.cn</b></li>
</ul>
</div>
</div>
</div>

Answer 1

写在hover事件的话 一靠近就会触发。所以几个链接都触发到了。
把上面的click去掉，再加一段。

$("#Tophead_AD_Buttom li").click(function(){
var HrefLink=$('>b',this).text(); //获取href地址
window.open(HrefLink);
});

window.open 有些浏览器会阻止。提醒下你。直接用a链接写网址比较合适。