简单的Javascript问题

时间:2014-12-15 20:45:39

标签: javascript html5 anchor

我在使用以下第一个脚本时遇到了可怕的时间。我不确定问题是否是页面上有两个类似的脚本,或者我的HTML5代码是否不正确。任何帮助将不胜感激:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script>
 $('.btn').click(function(){
 $('.btn').removeClass('active');
 $(this).addClass('active');
 });
 </script>

 <script type="text/javascript">
 function MM_showHideLayers() { //v9.0
 var i,p,v,obj,args=MM_showHideLayers.arguments;
 for (i=0; i<(args.length-2); i+=3) 
 with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
 if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
 obj.visibility=v; }
 }
 </script>

 </head>

目标HTML:

 <div class=links>
 <ul>
 <li>
 <a href="#"   onclick="MM_showHideLayers('what_we_do','','show');MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','hide')" class="active btn" >WHAT WE DO</a> | 
 </li>
 <li>
 <a href="#" onclick="MM_showHideLayers('who_we_are','','hide');MM_showHideLayers('our_mission','','show');MM_showHideLayers('what_we_do','','hide')" class="btn" >OUR MISSION</a> | 
 </li>
 <li>
 <a href="#" onclick="MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','show');MM_showHideLayers('what_we_do','','hide')" class="btn" >WHO WE ARE</a>

 </li>
 </ul>
 </div>

如前所述,问题出现在第一个脚本中,我的意图是活动锚点应该更改回默认锚点属性,因为用户点击了其他锚点属性。

再次感谢。

1 个答案:

答案 0 :(得分:1)

全部包装到document.ready()

<script>
$(document).ready(function(){
     $('.btn').click(function(){
     $('.btn').removeClass('active');
     $(this).addClass('active');
     });
}):
</script>