动态生成的div 改变内容 js jquery html 50
直接上代码了。htmlbody里的代码<buttonid="add">add</button>js代码：$().ready(function(){$("#add").cl...
直接上代码了。
html body 里的代码
<button id="add">add</button>
js代码：
$().ready(function(){
$("#add").click(function(){
$("body").append('<div class="addd" onload="add(this)">11111</div>');
//$(".addd").html("222222222"); debug
});
function add(_this){
$(_this).html("2222222222222");
}
我想要的效果是每次按button都能生成div div再由js改变其内容最终想要变成2222.经过测试，js语句写在debug的地方是可以转变的，只是这样好像不规范。具体我也说不上来，反正看了特别别扭。我要给div定义一个事件，这个事件是加载时就运行。从onchangge开始能试的 无效。
最近问题较多，最后50分。
http://jsbin.com/etoya3/2/edit demo
测试了下 3楼的方法不可行
4楼的方法我已经在已经说过了 虽然可行 但是看上去不规范 五楼麻烦看看我标注debug的地方。不是和你一样的吗……我就想我要给div定义一个事件，这个事件是div生成时就相应 展开
html body 里的代码
<button id="add">add</button>
js代码：
$().ready(function(){
$("#add").click(function(){
$("body").append('<div class="addd" onload="add(this)">11111</div>');
//$(".addd").html("222222222"); debug
});
function add(_this){
$(_this).html("2222222222222");
}
我想要的效果是每次按button都能生成div div再由js改变其内容最终想要变成2222.经过测试，js语句写在debug的地方是可以转变的，只是这样好像不规范。具体我也说不上来，反正看了特别别扭。我要给div定义一个事件，这个事件是加载时就运行。从onchangge开始能试的 无效。
最近问题较多，最后50分。
http://jsbin.com/etoya3/2/edit demo
测试了下 3楼的方法不可行
4楼的方法我已经在已经说过了 虽然可行 但是看上去不规范 五楼麻烦看看我标注debug的地方。不是和你一样的吗……我就想我要给div定义一个事件，这个事件是div生成时就相应 展开
6个回答
展开全部
div加载就绑定上事件 是么？ ready事件就是加载完毕
用live方法给现在没有的元素绑定事件监听
代码改为如下
$(document).ready(function(){
$('.addd').live('ready', function(){
$(this).html("2222222222");
});
$("#add").click(function(){
var element = $('<div class="addd">11111</div>');
$("body").append(element);
});
});
我还有其他方法 比如利用$.load() 和 $.ajaxStart()
load()方法加载内容的时候 执行ajaxStart监听的方法
用live方法给现在没有的元素绑定事件监听
代码改为如下
$(document).ready(function(){
$('.addd').live('ready', function(){
$(this).html("2222222222");
});
$("#add").click(function(){
var element = $('<div class="addd">11111</div>');
$("body").append(element);
});
});
我还有其他方法 比如利用$.load() 和 $.ajaxStart()
load()方法加载内容的时候 执行ajaxStart监听的方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你上面都有好几个错误，测试能成功吗。
代码如下：注在DIV内加事件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$("body").append("<div onclick='addQ()' class='addd' >11111</div>");
//$(".addd").html("222222222");
})
;
})
function addQ()
{$(".addd").html("222222222");
}
</script>
</head>
<body>
<button id="add">add</button>
</body>
</html>
代码如下：注在DIV内加事件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$("body").append("<div onclick='addQ()' class='addd' >11111</div>");
//$(".addd").html("222222222");
})
;
})
function addQ()
{$(".addd").html("222222222");
}
</script>
</head>
<body>
<button id="add">add</button>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
append加的HTML代码是不会执行onload的。
可以尝试：
$().ready(function(){
$("#add").click(function(){
$("body").append('<div class="addd" onload="add(this)">11111</div>').click(function(){
add(".addd"); // 你要调用的函数名
});
});
});
function add(_this){
$(_this).html("2222222222222");
}
可以尝试：
$().ready(function(){
$("#add").click(function(){
$("body").append('<div class="addd" onload="add(this)">11111</div>').click(function(){
add(".addd"); // 你要调用的函数名
});
});
});
function add(_this){
$(_this).html("2222222222222");
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div的onload不是标准事件，触发不了的
$().ready(function(){
$("#add").click(function(){
var appObj=$("<div class='addd' >11111</div>");
$("body").append($(appObj));
add(appObj);
});
function add(_this){
$(_this).html("2222222222222");
}
$().ready(function(){
$("#add").click(function(){
var appObj=$("<div class='addd' >11111</div>");
$("body").append($(appObj));
add(appObj);
});
function add(_this){
$(_this).html("2222222222222");
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个功能本身就很别扭。
测试过后，不可以。
测试过后，不可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
