读书人

链接新窗口打开 如何才能 click addCl

发布时间: 2013-01-26 13:47:02 作者: rapoo

链接新窗口打开 怎么才能 click addClass("h1");添加的CSS还存在
链接新窗口打开 怎么才能 click addClass("h1");添加的CSS还存在

<div class="header_s_li">
<ul>
<li class="h1"><a target="_blank" href="#"><img src="images/header/header_1.png" /></a></li>
<li><a target="_blank" href="#"><img src="images/header/header_2.png" /></a></li>
<li><a target="_blank" href="#"><img src="images/header/header_3.png" /></a></li>
<li><a target="_blank" href="#"><img src="images/header/header_4.png" /></a></li>
<li><a target="_blank" href="#"><img src="images/header/header_5.png" /></a></li>
</ul>
</div>

$(document).ready(function(){

$('.header_s_li ul li').click(function() {

$(this).addClass("h1");
});
});
[解决办法]
href="xxx.html" 要加上href属性,根据这属性来判断当前对应的页面位置


<div class="header_s_li">
<ul>
<li><a target="_blank" href="test.html"><img src="images/header/header_1.png" /></a></li>
<li><a target="_blank" href="test2.html"><img src="images/header/header_2.png" /></a></li>
<li><a target="_blank" href="3.html"><img src="images/header/header_3.png" /></a></li>
<li><a target="_blank" href="4.html"><img src="images/header/header_4.png" /></a></li>
<li><a target="_blank" href="5.html><img src="images/header/header_5.png" /></a></li>
</ul>
</div>
<script>
var page=location.href.match(/\/([\w\.]+)([#?].*)?$/)[1]
[解决办法]
'';
$(function(){
var act=$(".header_s_li a[href='"+ page+"']");
act.parent().addClass('h1');
if(!act.length) $(".header_s_li li").eq(0).addClass('h1');
$("header_s_li a[href$='"+ page+"']").addClass('h1');
});
</script>

读书人网 >JavaScript

热点推荐