当前位置: 代码迷 >> JavaScript >> 链接新窗口打开 如何才能 click addClass("h1");添加的CSS还存在
  详细解决方案

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

热度:814   发布时间:2013-01-26 13:47:02.0
链接新窗口打开 怎么才能 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>
  相关解决方案