jQueryで動的に作成されたDOM要素にアクションを追加する

harada 12views 更新:2016年11月25日

lightboxのウインドウで別のjQueryプラグインのアクションを実行したかったのですが、lightboxのウインドウは動的に作成されているため、普通の記述では効きませんでした。
以下の記述で無事実行できましたのでメモしておきます。


(function($) { var origAppend = $.fn.append; $.fn.append = function () { return origAppend.apply(this, arguments).trigger("append"); }; })(jQuery); $("body").bind("append", function() { $('#lightboxImage.filter').filterMe();//実行したいアクション });

参考:jQuery 動的に読み込んだDOM要素の表示完了時にjQueryプラグインを適用したい
on append() do something

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません