观看元素并更改文本的脚本

Question

我使用引导可编辑来编辑照片的文本属性。在默认情况下，它显示文本，如果您单击它，将打开带有可编辑文本的小窗口。我想要做的就是创建一个脚本，它将用铅笔图标替换文本。我写了这个：

$('#gallery').delegate('.editable-click', 'need_some_event' , function(){ 
    $(this).text(); 
    $(this).html('<i class="icon-pencil" ></i>'); 
}); //end delegate 

的代码，我有：

<a class="edit editable editable-click" style="float:left; margin-right: 10px" href="#" rel="Photo_text_183" data-pk="183">some text descrtion of photo</a> 

我想有后：

<a class="edit editable editable-click" style="float:left; margin-right: 10px" href="#" rel="Photo_text_183" data-pk="183"><i class="icon-pencil" ></i></a> 

问题是，可编辑的文本是由另一个JavaScript生成。我基本上需要一些会观看所有可以点击的类元素的事件，如果它们出现，请删除带有图标的文本。感谢您的任何建议。

Answer 1

也许你可以尝试监听DOMNodeInserted

$(document).on('DOMNodeInserted', function(){ 
if($(this).find('.editable-text').length > 0){ 
//do stuff 
} 
}); 

这里的工作小提琴作为一个例子http://jsfiddle.net/wvVnQ/1/

因为，如下所述，这已被弃用，你可以试试这个插件：https://github.com/naugtur/insertionQuery