在同一页上的两个javascript滑动菜单不工作
问题描述:
我想在同一页面上使用两个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>
答
试试这个。它将一次初始化一个。
<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>
非常感谢你的工作。 – Ask4Tec 2011-12-23 21:58:14