简单的 Java 脚本问题

Simple Java Script Issue

本文关键字:问题 脚本 Java 简单      更新时间:2023-09-26

我在以下第一个脚本中度过了一段糟糕的时光。我不确定问题是页面上有两个类似的脚本,还是我的 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>

如前所述,问题出在第一个脚本中,我的目的是在用户单击其他锚点时,活动定位点应更改回默认定位点属性。

再次感谢。

全部包装到 document.ready() 中

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