jquery - 外部関数を使用した jQuery イベント処理

Question

htmlに要素を追加する簡単なスクリプトを実行したいと思いますdiv。

この関数をもっと呼び出したいので、thisキーワードを使用しました。

私のコードは次のとおりです。

function insert(element, html) {
    $( html ).appendTo( element );
}

$('#div').bind('click', insert(this,'<p>inserted text</p>'));

何が悪いのかわからない、ありがとう。

Answer 1

jQuerybindは 2 番目のパラメーターが a であることを期待していますが、関数の戻り値functionを渡しています (何も返さないため、これはあなたの場合です)。insertundefined

あなたが実際に欲しいのは：

function insert(element, html)
      {
      $( html ).appendTo( element );
      }

$('#div').bind('click', function() { insert(this,'<p>inserted text</p>'); });

または：

function insert(html)
      {
      return function() { $(html).appendTo(this); };
      }

$('#div').bind('click', insert('<p>inserted text</p>'));

Answer 2

$( html ).appendTo( $(element) );