1

静的 HTML ページで JQuery editInPlace プラグインを正常に使用しています。

HTML が Ajax 呼び出しによって挿入された場合、同じ HTML では機能しません。

'$('.edit_inplace_field').on(...)' などの .on() を使用すると問題の解決に役立つことは理解していますが、この特定のプラグインに対してどのように正確に実行すればよいかわかりません.

プラグイン: http://code.google.com/p/jquery-in-place-editor/

動作する静的 HTML コードは次のようになります。

<p id="name_id" style="background-color: transparent; 
      "class="edit_inplace_field">Enter Name</p>

静的 HTML で使用される関連スクリプト:

$('.edit_inplace_field').editInPlace({
    callback: function(unused, enteredText) { return enteredText; },
// url: './server.php',
show_buttons: false
});

助けていただければ幸いです。

4

1 に答える 1

2


1. Dave Hauenstein - jquery ライブ API および2. http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_live_newel
の例を使用して、上記を解決します。

上記で使用されているイベントはクリックイベントです。これを念頭に置いて解決策:
上記の jquery コードを .live() 関数内に配置します。

$('.edit_inplace_field').live("click",function() {  
             // --> code from above here, object is replaced by $(this)
     $(this).editInPlace({
         callback: function(unused, enteredText) { return enteredText; },
         show_buttons: false
    }); // --<
});

コメント: より高度な jQuery 1.7+ バージョンを使用している場合は、.on() 関数を使用することをお勧めします。理由はこちらをご覧ください。

于 2012-03-22T02:22:59.267 に答える