我正在用js创建新的html元素。
$('#write_comment').on('click',function(){
$(this).html('<textarea> </textarea><button onclick="test()">save</button>');
});
function test(){
alert('testme');
}
但是在创建了这些textarea
和button
之后,如果我点击save
,则不会发生任何事情。
有什么jquery函数我可以说。(newly_created_element).find(js_function)
?
或者具有相同功能的东西会很好。
请帮忙。
$('#write_comment').on('click',function(){
$(this).html('<textarea> </textarea><button id="test">save</button>');
});
$('body').delegate('#test','click',function(){
alert('testme');
});
使用类
$('#write_comment').on('click',function(){
$(this).html('<textarea> </textarea><button class="test">save</button>');
});
$('body').delegate('.test','click',function(){
alert('testme');
});
单独创建按钮:
$('#write_comment').on('click',function(){
var myButton = $('<button>save</button>').click(function() {
test();
});
$(this).html('<textarea></textarea>').append(myButton);
});
$('#write_comment').on('click',function(){
$(this).html('<textarea> </textarea><button class="NewlyAdded">save</button>');
});
CCD_ 5在许多方面与CCD_ 6或CCD_。并且将用于稍后添加的元素。
$(document).on('click','#write_comment button.newlyAdded',function()
{
alert('testme');
});