希望的效果是点击按钮btn,应该将生成的树显示到css class为dtree的<div></div>里。
代码如下:
$(function(){
var mytree = new dTree('mytree');
$("#btn").bind("click",function(event){
$.getJSON('tree.htm', function(data){
$.each(data.tree, function(index, value){
var id = value.cid;
var pid = value.parent;
var name = value.name;
mytree.add(id, pid, name);
})
})
//console.log(mytree);
//$(".dtree").css('background',"#bbffaa");
document.write(mytree);
//$(".dtree").append('helo');
//$(".dtree").append(mytree);
});
})可是,结果是显示空白页,通过调试器,查看mytree变量的内容是正确的。感觉好像问题出现在document.write(mytree);请高手指教
代码如下:
$(function(){
var mytree = new dTree('mytree');
$("#btn").bind("click",function(event){
$.getJSON('tree.htm', function(data){
$.each(data.tree, function(index, value){
var id = value.cid;
var pid = value.parent;
var name = value.name;
mytree.add(id, pid, name);
})
})
//console.log(mytree);
//$(".dtree").css('background',"#bbffaa");
document.write(mytree);
//$(".dtree").append('helo');
//$(".dtree").append(mytree);
});
})可是,结果是显示空白页,通过调试器,查看mytree变量的内容是正确的。感觉好像问题出现在document.write(mytree);请高手指教
$(function(){
var mytree = new dTree('mytree');
$("#btn").bind("click",function(event){
$.getJSON('tree.htm', function(data){
$.each(data.tree, function(index, value){
var id = value.cid;
var pid = value.parent;
var name = value.name;
mytree.add(id, pid, name);
});//分号
});
//console.log(mytree);
//$(".dtree").css('background',"#bbffaa");
document.write(mytree);
//$(".dtree").append('helo');
//$(".dtree").append(mytree);
});
})
能发一下 dTree的 代码吗
$("#btn").bind("click",function(event){
var mytree = new dTree("mytree");
$.getJSON("tree.htm", function(data){
$.each(data.tree, function(index, value){
var id = value.cid;
var pid = value.parent;
var name = value.name;
mytree.add(id, pid, name);
})
document.write(mytree);
})
});
})
跨域的问题,把它放在一个jquery事件中就好了