我想添加一个新按钮，从其中删除可编辑的li项和UL元素，该按钮使用带有bootstrap3的x可编辑http://vitalets.github.io/x-editable/index.html库，html代码就像，这是动态创建的。
<ul id='list'>
<li class='editable'>Editable element 1</li>
<li class='editable'>Editable element 2</li>
<li class='editable'>Editable element 3</li>
</ul>
添加x可编辑行为的javascript是：
$('#list .editable').editable();
要将按钮添加到x可编辑的用户界面中，我已经完成了以下操作：
$.fn.editableform.buttons = '<button type="submit" class="btn btn-primary btn-sm editable-submit"><i class="glyphicon glyphicon-ok"></i></button>' +
'<button type="button" class="btn btn-default btn-sm editable-cancel"><i class="glyphicon glyphicon-remove"></i></button>'+
'<button type="button" class="btn btn-warning btn-sm editable-remove"><i class="glyphicon glyphicon-trash"></i></button>';
此jsfiddle显示了基础工作http://jsfiddle.net/fGU58/1/我尝试向按钮添加常见的点击处理程序，但显然该库阻止了事件的传播。
提前致谢
您可能可以尝试以下操作：
$(document).delegate(".editable-remove",'click',function(e){
$("#lista .editable-open[data-original-title]").remove();
});
有时，当您使用库并且使用javascript添加DOM元素时，事件并未绑定到该元素，这就是为什么我使用委托的原因，您可以改用on，但可以使用相同的格式。
我注意到x-editable向正在编辑的元素添加了data-original-title属性，因此我将其用作选择器的一部分。
这是我的FIDDLE
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句