日期:2014-05-16  浏览次数:20845 次

求用JQuery改写一段JS代码!!!!!!!!!!!!!!!!![标题要长]
本帖最后由 Guai__Guai 于 2013-11-19 22:43:29 编辑

var menuids=["nav"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
  for (var t=0; t<ultags.length; t++){
  ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle";
  ultags[t].parentNode.onmouseover=function(){
  this.getElementsByTagName("ul")[0].style.display="block";
  }
  ultags[t].parentNode.onmouseout=function(){
  this.getElementsByTagName("ul")[0].style.display="none";
  }
  }
}
}

if (window.addEventListener){
window.addEventListener("load", buildsubmenus, false);
}else if (window.attachEvent){
window.attachEvent("onload", buildsubmenus);
}


其实这个帖子是接上贴 http://bbs.csdn.net/topics/390641880
我找了一个JS控制的菜单,结果出现了一个神奇的事情。
菜单数据是动态生成的,点击触发后(JQUERY)动态生成菜单数据,但是菜单样式是JS控制的,多级菜单在页面上只显示两级,下面的都没有显示,通过FF查看元素,数据都是正确的,复制出来,再贴到同一个页面就正常了,多级都能显示出来。我实在想不到是什么原因。唯一能想到的就是那这段JS用JQuery实现,因为点击的动作也是通过JQuery处理的。


<div class="suckerdiv"  style="display: none">
    <ul id="nav">
<li><a href="Javascript:void(0)" id="firsturl">加载中..</a>
<ul id="grade">
<li><a href="Javascript:void(0)">加载中..</a></li>
</ul>
</li>
</ul>
</div>

初始数据


<div class="suckerdiv" style="top: 70px;">
    <ul id="nav">
<li><a href="Javascript:void(0)" id="firsturl" class="subfolderstyle">我是一级菜单</a>
<ul id="grade" style="display: none;"><li><a href="http://www.baidu.com" target="_blank">百度1</a></li><li><a href="http://www.baidu0.com" target="_blank">百度2</a></li><li><a href="Javascript:void(0)" target="_blank">下路</a><ul><li><a href="http://www.baidu.com" target="_blank">优酷1</a><ul><li><a href="http://www.baidu.com" target="_blank">土豆4</a></li><li><a href="http://www.baidu.com" target="_blank">土豆5</a></li><li><a href="http://www.baidu.com" target="_blank">土豆5</a></li><li><a href="http://www.baidu.com" target="_blank">土豆5</a></li></ul></li><li><a href="http://www.baidu.com" target="_blank">优酷2</a><ul><li><a href="http://www.baidu.com" target="_blank">土豆1</a></li><li><a href="http://www.baidu.com" target="_blank">土豆2</a></li></ul></li><li><a href="http://www.baidu.com" target="_blank">优酷3</a><ul><li><a href="http://www......baidu.com" target="_blank">土豆111</a></li></ul></li></ul></li><li><a href="http://www.163.com" target="_blank">网易</a></li></ul>
</li>
</ul>
</div>

动态生成的数据

相关资源http://pan.baidu.com/s/1cNUbC