2011-12-23 53 views
1

我想在同一页面上使用两个javascript滑动菜单,但是在他们两个中第二个不工作。我试图用不同的方式很多时间更改<head>中的代码,但问题不是得到解决。 寻找您的善意帮助。 谢谢在同一页上的两个javascript滑动菜单不工作

<head> 
<script type="text/javascript" src="res/sdmenu.js"></script> 
     <script type="text/javascript"> 
     // <![CDATA[ 
     var myMenu; 
     window.onload = function() { 
      myMenu = new cont("1st-sdmenu, 2nd-sdmenu"); 
      myMenu.init(); 
     }; 
     // ]]> 
     </script> 
    </head> 

    <div id="1st-sdmenu" class="cont"> 
      <div class="collapsed"> 
      <span>Bicycles</span> 
      <a href="#">Product Series</a> 
      <a href="#">Product Series</a> 
       </div> 
      <div class="collapsed"> 
     <span>Electronic</span> 
      <a href="#">Product Series</a> 
      <a href="#">Product Series</a> 
       </div> 
    </div> 

     <div id="2nd-sdmenu" class="cont"> 
       <div class="collapsed"> 
       <span>Bicycles</span> 
       <a href="#">Product Series</a> 
       <a href="#">Product Series</a> 
        </div> 
       <div class="collapsed"> 
      <span>Electronic</span> 
       <a href="#">Product Series</a> 
       <a href="#">Product Series</a> 
        </div> 
     </div> 

回答

1

试试这个。它将一次初始化一个。

<script type="text/javascript"> 
// <![CDATA[ 
var myMenu1; 
var myMenu2; 
window.onload = function() { 
    myMenu1 = new cont("1st-sdmenu"); 
    myMenu1.init(); 
    myMenu2 = new cont("2nd-sdmenu"); 
    myMenu2.init(); 
}; 
// ]]> 
</script> 
+0

非常感谢你的工作。 – Ask4Tec 2011-12-23 21:58:14

相关问题