jQuery在第三次點擊的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'); 
    } 
}); 

Here is a Fiddle Demo。