当前位置: 代码迷 >> ASP.NET >> 【答案】基于asp.net用JQuery动态生成下拉导航条?哪位高人指点下小弟
  详细解决方案

【答案】基于asp.net用JQuery动态生成下拉导航条?哪位高人指点下小弟

热度:8283   发布时间:2013-02-25 00:00:00.0
【在线等答案】基于asp.net用JQuery动态生成下拉导航条??哪位高人指点下小弟
小弟想做一个下拉导航条,要求菜单子项的数据都是从数据库得到。效果就和
http://www.hoopchina.com/的导航栏的一样

但是现在每次移动到上面都会不断的加。现在对JQuery还不熟练 望高手指点下小弟。提供方法或思路帮忙实现下这个功能..在此感激不尽


页面代码:

<div id="menu">
<ul id="nav">
  <li class="jquery_out">
  <div class="jquery_inner">
  <div class="jquery">
  <span class="text">jquery</span><span class="smile">^_^</span>
  </div>
  </div>
  </li>
   
  <li class="mainlevel" id="mainlevel_01"><a href="http://www.lanrentuku.com/" target="_blank">试试看,有惊喜</a>
  <ul id="sub_01">
  <li><a href="http://www.lanrentuku.com/" target="_blank">北京</a></li>
  <li><a href="http://www.lanrentuku.com/" target="_blank">上海</a></li>
  <li><a href="http://www.lanrentuku.com/" target="_blank">浙江</a></li>
  <li><a href="http://www.lanrentuku.com/" target="_blank">湖南</a></li>
  </ul>
  </li>
   
  <li class="mainlevel" id="mainlevel_02"><a href="http://www.lanrentuku.com/" target="_blank">网络新词汇</a>
  <ul id="sub_02">
  <%--<li><a href="http://www.maitianquan.com/" target="_blank">晕哦!</a></li>
  <li><a href="http://www.maitianquan.com/" target="_blank">神马呀?</a></li>
  <li><a href="http://www.maitianquan.com/" target="_blank">Hold不住了!</a></li>
  <li><a href="http://www.maitianquan.com/" target="_blank">顶你肺啊!</a></li>
  <li><a href="http://www.maitianquan.com/" target="_blank">囧了。</a></li>
  <li><a href="http://www.maitianquan.com/" target="_blank">打酱油e....</a></li>--%>
  </ul>
  </li>
</ul>
</div>



JS代码:

$(document).ready(function () {
  $('li.mainlevel').mouseover(function () {
  var choose = this;
  //debugger;
  $.getJSON("../RequestHandler/NavigateHandler.ashx?divID=" + $(this).attr("id"), null, function (json) {
  $.each(json, function (i) {
  $("<li><a href=" + json[i].weburl + " id=" + json[i].webid + ">" + json[i].webname + "</a></li>").appendTo(choose.all[1]);//我这边的choose.all[1]为什么不能直接用this.children(ul)呢?对JQuery的this确实不怎么理解,这边高手能否阐述下概念
  //$("<li><a href=" + json[i].weburl + " id=" + json[i].webid + ">" + json[i].webname + "</a></li>").appendTo("#sub_01");
  });
  });
  });

});

有没有什么更好的获取子节点的方法呢?
 

我QQ是490425093希望大侠都来相助

------解决方案--------------------------------------------------------
探讨

但是我怎么知道我目前得到的是哪个对象呢?还有就是我要找到这个对象下的ul元素进行追加。
$("#XXX").children(); 这就是获取ID为XXX下的所有子节点


但是我怎么知道我目前得到的是哪个对象呢?还有就是我要找到这个对象下的ul元素进行追加。

------解决方案--------------------------------------------------------
  相关解决方案