2011-12-23 72 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

相關問題