<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("h2").html("<p class='test'>click me</p>")
});
$(".test").click(function(){
alert();
});
});
</script>
</head>
<body>
<h2></h2>
<button>generate new element</button>
</body>
</html>
我试图生成类名称的新标签test中<h2>单击按钮.我还定义了一个与之关联的点击事件test.但事件不起作用.
有人可以帮忙吗？
来自jQuery网站:
从jQuery 1.7开始,不推荐使用.live()方法.使用.on()附加事件处理程序.
在版本1.7.1中,我试图将我的所有live()更改为on(),但没有一个工作.有谁知道为什么？
这就是它被调用的方式:
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
这是一个不起作用的脚本:
$(".toBeSaved [col=ISRC] input").on('change',function() {
var pid = $(this).parent().parent().attr('primary_key');
$("[primary_key="+pid+"] [col=isrc_id] input").val('');
$("[primary_key="+pid+"] [col=isrc_id] input").css({'border':'1px solid red','background-color':'#e8b7cf'});
});
HTML:
<tr primary_key="44" class="toBeSaved">
<td col="ISRC" style="width: 91px; " class="editableCell"><input class="editableInput auto" type="text" undefined=""></td>
<td col="LineYear" style="width: 35px; " class="editableCell"><input class="editableInput " type="text"></td>
<td col="isrc_id" style="width: 41px; " class="editableCell"><input class="editableInput undefined" type="text" undefined="" readonly="readonly"></td></tr>
我可以问 - 为什么"-1"？什么究竟是错我的问题？