使用jquery往html添加的按钮,点击后没反应?求解惑

发布网友发布时间：2022-05-13 02:28

共5个回答

热心网友时间：2022-05-13 03:57

首先添加按钮的语句好像里面的HTML闭合有问题，但这不是导致问题的原因
应该先添加后绑定事件，你的顺序是不是反了？
比如这样写应该就可以了
$("<li>").css({float:"right",width:8}).append("<input type='button' id='tjxjyzh' value='添加新帐号'/>").appendTo(".taobao_list_top_2 ul");
$("#tjxjyzh").click(function(){alert('aaa')});

更简单的写法
$('<li>').css({float:'right',width:8}).append($('<input type="button"/>').val('添加新帐号').click(function(){
alert('click')
})).appendTo('.taobao_list_top_2 ul');
如果还不行可以联系我的hi coddykilly追问先试试，太谢谢啦。

热心网友时间：2022-05-13 05:15

最简单的方式是jquery用1.4以后的,把bind改为live即可
原因是bind对新添加的事件不会动态绑定

热心网友时间：2022-05-13 06:50

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var buttonNew = $("<input type='button' value='Click' id='but'/>");
$("#button").append(buttonNew);
//这是一种方法
/*$("input:button").click(function(){
alert("click");
});*/
//这是另外一种方法
$("#but").bind("click",function(){
alert("click1");
});
});
</script>

<title>无标题文档</title>
</head>

<body>
<div id="button"></div>
</body>
</html>
我在这写了一个例子给你你看看里面有两种方式你自己研究下看懂了改下自己的代码追问这个看得懂，但不是这样的问题。。谢谢

追答那你把完整的代码贴出来我瞧瞧

热心网友时间：2022-05-13 08:41

一个最简单的例子，你一定看的懂
<!DOCTYPE HTML >
<html>
<head>
<title>事件委托</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.clickme{
color:red;
}
</style>
<SCRIPT type=text/javascript src="js/jquery-1.4.2.js"></SCRIPT>
<script type="text/javascript">

$(".clickme").live('click', function() {
alert("live");
$("body").append('<div class="clickme">click here</div>');
});
</script>
</head>
<body>
<div class="clickme">Click here</div>
</body>
</html>

解释：

使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有，所以点击这个元素不会有任何效果。
.live() 方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 .live() 的事件处理函数不会绑定在元素上，而是把他作为一个特殊的事件处理函数，绑定在 DOM 树的根节点上。