0

作成を制御できないいくつかの要素にいくつかの 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).
});

ただし、私が知る限り、このコールバックは呼び出されません。私は何を間違っていますか?

4

1 に答える 1

2

次のコードを含むthis oneを含む、 DOM 挿入に関連するいくつかの関連する質問があります。

document.addEventListener("DOMNodeInserted", function(event) {
    alert($(event.target).parent()[0].tagName);
});
于 2013-07-18T15:30:00.070 に答える