JQuery Selector

Question

Ich versuche hinzufügen einen Selektor erstellen abhängig von einem Div, die eine zusätzliche Klasse erhalten, wenn ich ein IMG wischen. dies ist das Aussehen des div vor

<div id="ystq_container"> 
    <div class="ystq_buddy" > 
    </div> 
</div> 

dies der div ist, wenn das img hinzugefügt:

<div id="ystq_container"> 
    <div class="ystq_buddy ystq_swipe-right" > 
    </div> 
</div> 

jetzt versuche ich die obige Frage zu verwenden:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("div"). **(((((class on change))))** (function(){ 
     if($(".ystq_buddy").hasClass("ystq_swipe-right")){ 
        $(document.forms['f1']).submit(); 
       } 

     }); 
</script> 

Was verwenden wir, um etwas Ähnliches wie bei der Eingabe zu machen? Gibt es irgendeinen Weg dies für eine Veränderung an einem div zu tun? oder verwenden Sie auf Mausereignis, wenn ich das IMG wische?

Answer 1

Sie können DOMSubtreeModified für div verwenden und überprüfen, ob Ihre Klasse vorhanden ist oder nicht.

$('.ystq_buddy').bind('DOMSubtreeModified', function(e) { 
    if($(".ystq_buddy").hasClass("ystq_swipe-right")){ 
     $(document.forms['f1']).submit(); 
    } 
});