0

写真のテキストプロパティを編集するために編集可能なブートストラップを使用しています。デフォルトでは、テキストが表示され、クリックすると、編集可能なテキストを含む小さなウィンドウが開きます。私がやりたいのは、テキストを鉛筆アイコンに置き換えるスクリプトを作成することだけです。私はこれを書いた：

$('#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によって生成されることです。基本的に、すべての.editable-clickクラス要素を監視し、それらが表示された場合はアイコン付きのテキストを削除するイベントが必要です。アドバイスありがとうございます。

4

1 に答える 1

2

聞いてみてもいいかもしれませんDOMNodeInserted 

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

これは、例として機能するフィドルですhttp://jsfiddle.net/wvVnQ/1/

以下で説明するように、これは非推奨になっているため、このプラグインを試すことができます: https://github.com/naugtur/insertionQuery

于 2013-03-23T20:44:49.410 に答える