2017-09-28 2 views
0

クラスを別の要素に追加した後でなければ、div要素にクラスを追加できます。クラスの.added 'が 『ショー』と呼ばれるjQueryクラスの追加を待ってからクラスを追加します

<a class="lm-added-message"></a> 

に新しいクラスを追加a.add_to_cart_buttonために追加されました

結果:

<a class="added_to_cart_button added"></a> 

<a class="lm-added-message show"></a> 

私は現在、次を使用していますが、それは作業を行います。 https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_eventsを、イベントを:あなたがここに見ることができるように

jQuery(document).on('DOMNodeInserted', function (e) { 
    if (e.target.className == 'added') { 
     jQuery(".lm-added-message").addClass("show"); 
    } 
}); 

はあなたに

+0

あなたは誰ですか? – adeneo

+0

また、DOMノードが挿入されたときに変更されるだけでなく、 'DOMNodeInserted'は不思議にも十分に起動します。あなたは突然変異の観察者を探しています。むしろ、クラスの変更を聞く必要がないので、まったく別のものを探しているべきです。 – adeneo

+0

アイテムがバスケットに追加されるとクラスが追加されます。アクションが実行されるページは次のとおりです。 http://www.lindameredith.com/wp/serum/ [Add to bag]をクリックすると、クラス.addedがボタンに追加されます。この時点で、隠しdivにクラス.showを追加して確認メッセージを出したいと思います。私はこれを行うための最善の方法はよく分かりません。 –

答えて

0

ありがとうございましたあなたが探しているかもしれないDOMAttrModified: あなたも別のクラスを持っているので、クラス名が追加含まれている場合 https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

あなたはまたに等しいではない、確認する必要があります:の

突然変異イベントは、しかし推奨されませんので、MutationObserverに置き換えることが示唆されますそこ。

+0

これが解決されました。ありがとうございました。 –

関連する問題