首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-01-26 
链接新窗口打开 怎么才能 click addClass(h1)添加的CSS还存在链接新窗口打开 怎么才能 click addClass(

链接新窗口打开 怎么才能 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>

热点排行