2017-07-17 11 views
0

私はIMGをスワイプする場合、追加されるクラスのget div要素に応じて、セレクタを作成、追加しようとしています。これは、これはIMGが追加されたdiv要素であるjQueryのセレクタ

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

前にdiv要素の外観です:

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

     }); 
</script> 

:私は上記の質問を使用しようとしている今

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

入力としての変更に似たものを作るために、私たちは何を使用しますか? divの変更を行うための方法はありますか? imgをスワイプするとマウスイベントで使用できますか?

+0

入力しないと.on( "変更")を使用できません! –

+0

ああ、あなたの質問を誤解しています:)コメントを削除しました:) – ThisGuyHasTwoThumbs

+0

@ lonutさんのコメントに追加するには、これをテストするために '.hasClass( 'className')'を使うことができます – ThisGuyHasTwoThumbs

答えて

0

あなたはdivためDOMSubtreeModifiedを使用して、あなたのクラスが存在しているかを確認することができます。

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