jQuery 3回目のクリックでdivに画像を表示

Question

function() { 
    var i = 0; 
    $('.class').click(i=i+1) 
     if(i=3) { 
      $('.class2').css('display','block'); 
     } 
    } 

このコードは機能しません。

Answer 1

は次のようになります。

$(function() { //ready function 
    var i = 0; 

    $('.class').click(function(){ //Attach click event to '.class' 
     i=i+1; //Or i++; 

     if(i===3) { //Use triple equal '===' for comparaison 
      $('.class2').css('display','block'); 
     } 
    }) 
}) 

は、この情報がお役に立てば幸いです。

Answer 2

クリックイベントを関数の外部にバインドし、3回目のクリックを追跡する必要があります。また、代入の代わりに比較演算子を使用する必要があります。もちろん、これはすべてドキュメントの準備が整うようにする必要があります。

var i = 0; 
$('.class').on('click', function() { 
    i = i + 1; 
    if(i === 3) { 
     $('.class2').css('display','block'); 
    } 
}); 

。