用jquery动态添加li,但是不知道为什么找不到li的id var li = $('<li><span><a href="#">'+list.sname+'</a></span></li>');页面怎么少了好多</li> 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 页面代码是从头执行到尾的 当执行$("#substationinfo").append(li);这段时 页面还没执行到<ul id="substationinfo">当然就找不到substationinfo了 建议你吧javascript执行放到<ul id="substationinfo">之后 <script type="text/javascript"> $(function () { $.ajax({ url:"selectAllSubstation.action", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步 //data:{"id":"value"}, //参数值 type:"post", //请求方式 success:function(data){ //请求成功时处理 $.each(data,function(i,list){ var li = $('<li><span><a href="#">'+list.sname+'</a></span></li>'); alert($("#substation").html()); $("#substation").append(li); }); }, error:function(){ //请求出错处理 $('body').alert({type: 'danger'}); } }); }) </script> <body> <div class="alert alert-info">当前位置<b class="tip"></b>系统设置<b class="tip"></b>人员权限管理</div> <div class="container-fluid"> <div class="row-fluid"> <div class="span2" id="span2"> <ul id="company" class="easyui-tree"> <li> <span>北京金鼎砼业集团公司</span> <ul> <li> <span>分站信息</span> <ul id="substation"> </ul> </li> </ul> </li> </ul> </div> <div class="span3"> <table id="userTab" border="1" style="width: 60%" class="table table-striped table-bordered"> <thead> <tr class="tr_detail"> <td>姓名</td> <td>职务</td> </tr> </thead> <tbody> <tr> <td><a href="">张三</a></td> <td>管理员</td> </tr> <tr> <td><a href="">张三</a></td> <td>管理员</td> </tr> <tr> <td><a href="">张三</a></td> <td>管理员</td> </tr> <tr> <td><a href="">张三</a></td> <td>管理员</td> </tr> <tr> <td><a href="">张三</a></td> <td>管理员</td> </tr> <tr> <td><a href="">张三</a></td> <td>管理员</td> </tr> </tbody> </table> </div> <div class="span4"> <ul id="userAuth" class="easyui-tree"> <li> <span>北京金鼎砼业集团公司</span> <ul> <li> <span>用户权限</span> <ul> <li> <span><input type="checkbox" /> 任务单查看</span> </li> <li> <span><input type="checkbox" /> 运输单查看</span> </li> <li> <span><input type="checkbox" /> 运输距离查看</span> </li> <li> <span><input type="checkbox" /> 财务报表查看</span> </li> <li> <span><input type="checkbox" /> 人员信息查看</span> </li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </body> 你qq是多少啊这样太慢了 qq直接些,我这里确实出现找不到id的问题 清理下浏览器缓存,可能是缓存造成的,如果还不行可以用火狐浏览器firebug调试 有没有可能是因为easyui造成的呢 我里面用的数easyui里面的树 你看下有js有没有错误。<html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){ $("button").click(function(){var obj = { one:1, two:2, three:3, four:4}; $.each(obj, function(key, val) { var li = $('<li><span><a href="#">'+key+'--->'+val+'</a></span></li>'); $("#substation").append(li); }); });});</script></head><body><button>append</button><ul id="substation"><li>Coffee</li></ul></body></html> 应该是easyui的问题,我alert了最顶层的父节点,下面是不存在id叫substation的ul!闹心 楼主似乎是要加载一个easyui的tree,其实可以通过ajax返回json实现的这是我以前做过的例子,希望对你有帮助这是我的博客http://blog.csdn.net/chenmoonhan/article/details/11808695需要你改一下哦,不清楚的可以问我。 如果用一些框架的组件 还是使用框架的事件比较好 因为单纯的使用JQ/JS去捕获框架的事件经常会出现问题 因为框架加载顺序你不能掌握 往往会出现“找不到对象”的情况。。 建议找找easyui的API 说不定有许多更方便的法子实现 JS:iframe的contentWindow拒绝访问!! jquery1.8跟1.3的兼容问题 jqurey 如何删除table中<tbody>中的所有标签 哪位高手能分享一个jquery弹出窗口代码?谢谢~~ 从作用域链链来解释下 下面alert出来的原因... 关于控件隐藏问题,大侠请进! 高手来看.关于prototype在自定义方法当中的属性无法引用的问题 js中判断字符串是否相等? 控件不能从server端下载,这个问题比较急,请帮我多出主意啊,谢谢 太简单问题,没有先例,只好提问散分!如何清空一个只读的文本框? jquery获取隐藏元素个数 java web select控件用法
建议你吧javascript执行放到<ul id="substationinfo">之后
$(function () {
$.ajax({
url:"selectAllSubstation.action", //请求的url地址
dataType:"json", //返回格式为json
async:true,//请求是否异步,默认为异步
//data:{"id":"value"}, //参数值
type:"post", //请求方式
success:function(data){
//请求成功时处理
$.each(data,function(i,list){
var li = $('<li><span><a href="#">'+list.sname+'</a></span></li>');
alert($("#substation").html());
$("#substation").append(li);
});
},
error:function(){
//请求出错处理
$('body').alert({type: 'danger'});
}
});
})
</script>
<body>
<div class="alert alert-info">当前位置<b class="tip"></b>系统设置<b class="tip"></b>人员权限管理</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span2" id="span2">
<ul id="company" class="easyui-tree">
<li>
<span>北京金鼎砼业集团公司</span>
<ul>
<li>
<span>分站信息</span>
<ul id="substation">
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="span3">
<table id="userTab" border="1" style="width: 60%" class="table table-striped table-bordered">
<thead>
<tr class="tr_detail">
<td>姓名</td>
<td>职务</td>
</tr>
</thead>
<tbody>
<tr>
<td><a href="">张三</a></td>
<td>管理员</td>
</tr>
<tr>
<td><a href="">张三</a></td>
<td>管理员</td>
</tr>
<tr>
<td><a href="">张三</a></td>
<td>管理员</td>
</tr>
<tr>
<td><a href="">张三</a></td>
<td>管理员</td>
</tr>
<tr>
<td><a href="">张三</a></td>
<td>管理员</td>
</tr>
<tr>
<td><a href="">张三</a></td>
<td>管理员</td>
</tr>
</tbody>
</table>
</div>
<div class="span4">
<ul id="userAuth" class="easyui-tree">
<li>
<span>北京金鼎砼业集团公司</span>
<ul>
<li>
<span>用户权限</span>
<ul>
<li>
<span><input type="checkbox" /> 任务单查看</span>
</li>
<li>
<span><input type="checkbox" /> 运输单查看</span>
</li>
<li>
<span><input type="checkbox" /> 运输距离查看</span>
</li>
<li>
<span><input type="checkbox" /> 财务报表查看</span>
</li>
<li>
<span><input type="checkbox" /> 人员信息查看</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</body>
这样太慢了 qq直接些,我这里确实出现找不到id的问题
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
var li = $('<li><span><a href="#">'+key+'--->'+val+'</a></span></li>');
$("#substation").append(li);
});
});
});
</script>
</head>
<body>
<button>append</button>
<ul id="substation">
<li>Coffee</li>
</ul>
</body>
</html>
这是我以前做过的例子,希望对你有帮助
这是我的博客http://blog.csdn.net/chenmoonhan/article/details/11808695
需要你改一下哦,不清楚的可以问我。