http://jsfiddle.net/YsnhT/2/ http://jsfiddle.net/YsnhT/2/
Jquery 事件在追加后不起作用。单击“保存”按钮后,我需要文本区域的值。
$('.span8')
.on('click',
'.btn',
function() {
var input = $("#textarea").val();
alert(input);
});
$('body').on('click','#createNote',function() { $('.span8').empty();
$('.span8').append('<button type="button" class="btn" style="float: right; margin-right: 8px;background-color:#dddddd;font-family:Roboto Slab;color: black" id="save" data-loading-text="Saving...">Save</button><div class="hero-unit"><input type="text" style="width: 100%" id="title" placeholder="Title"/>'+
'<textarea contenteditable="true" id="textarea" class="textarea" placeholder="Enter text ..."style="width: 100%;">dd</textarea></div>');
});
HTML:
<div class="span8"></div>
Since #save
是动态创建的,使用以下处理程序:
$(document).on('click', '#save' ,function() {
//do stuff
});
更新的小提琴:http://jsfiddle.net/tymeJV/YsnhT/3/ http://jsfiddle.net/tymeJV/YsnhT/3/
您还应该像这样制作“单击”按钮处理程序,否则它不会在新创建的按钮上触发#click
纽扣。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)