作成を制御できないいくつかの要素にいくつかの CSS クラスを動的に追加しようとしています。探している div が次のように追加されることはわかっていますmydiv.appendChild(resdiv)
。ただし、コードが作成された時点でコードを追加することはできません。動的に追加されるこの div のすべてのインスタンスには、特定の CSS クラス ( と呼びましょうoutput-class
) があることがわかっています。理論的には、その特定のクラスに CSS ルールを追加することもできますが、むしろそうしたくありません。多くのスタイルが重複することになります。
私がやりたいことは、output-class
クラスを持つ div がページに追加されるとすぐにイベントを発生させることです。その場でいくつかの CSS クラスを追加しようとしています。これが私がこれまでに持っているものです:
jQuery('body').on('DOMNodeInserted', ".output-class", function(event) {
var el = $(this);
el.addClass('my new class');
// do some more manipulation of the new div (el).
});
ただし、私が知る限り、このコールバックは呼び出されません。私は何を間違っていますか?