jquery-ui - ページの読み込み後に追加された項目の Jquery UI ボタン

Question

次のコードで動作するjquery uiボタンウィジェットがあります。

 $(.remove_img).button({
  icons: {
   primary: 'ui-icon-cancel'
  }
  });

しかし、アップロード時に画像が配置されていない場合は、クラス .remove_img のボタンを追加しているため、ページの読み込み時に DOM にありません。追加されたボタンが同じ .button コードをトリガーするようにする方法はありますか?

私は試した

$('.remove_img').live('click', function(event){
 $(this).button({
  icons: {
   primary: 'ui-icon-cancel'
  }
  });
 });

しかし、それは私をどこにも連れて行きませんでした。

Answer 1

live()まさにあなたが必要とするものでなければなりません。バインドされているかどうかを確認するために、コールバックで非常に簡単なことを実行できますか? 後で要素をどのように生成していますか? それを行うためにjQueryを使用append()していますか？

liveand thenを使用するとappend問題なく動作するはずです。これは を使用する方法の最も基本的な例であるliveため、ここでは別のことが行われています。