javascript - 简单的 JavaScript 问题

Question

我在使用以下第一个脚本时遇到了麻烦。我不确定问题是否在于页面上有两个相似的脚本，或者是否我的 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>

如上所述，问题出在第一个脚本中，我的目的是当用户单击其他 anchor 属性时，事件 anchor 应更改回默认 anchor 属性。

再次感谢。

Answer 1

将所有内容包装到 document.ready() 中

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