jQuery第三次單擊顯示div中的圖像

Question

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

這段代碼不起作用，請幫幫我。

Answer 1

您應該將單擊事件綁定到函數外部，然后跟蹤第3次單擊。 您還應該使用比較運算符而不是賦值。 當然，所有這些都應該包含在文檔中。

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

這是一個小提琴演示 。

Answer 2

應該 ：

$(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');
        }
    })
})

希望這可以幫助。