簡單的jQuery圖像更改onclick失敗

Question

我有一個簡單的jQuery圖像切換失敗。

$('.heart_img').click(function() 
    { 
     var heart_type = $(this).attr('src'); 

     //alert(heart_type); 

     if (heart_type == 'images/unheart.png') 
     { 
      //alert('uheart'); 
      $(this).attr('src','images/heart.png'); 
     } 
     else if (heart_type == 'images/heart.png'); 
     { 
      $(this).attr('src','images/unheart.png'); 
     } 

    }); 

警報火災時正確不註釋掉所以和圖像是在正確的位置，所以我不知道是什麼問題。

Answer 1

問題：

分號你如果其他

else if (heart_type == 'images/heart.png'); 

應該

else if (heart_type == 'images/heart.png') 

更好

else 

Answer 2

@ian，圖像可能位於正確的位置，但src無法看到它。嘗試一些像"//images/unheart.png"

Answer 3

這個我不是一個答案，但對於改進......如果你的jQuery 1.4的時候，你可以

$('.heart_img').click(function(){ 
    $(this).attr('src', function(index,heart_type){ 
     if (heart_type.indexOf('unheart.png') != -1) 
     { 
      return 'images/heart.png'; 
     } 
     else if (heart_type.indexOf('heart.png') != -1) 
     { 
      return 'images/unheart.png'; 
     } 
     return heart_type; 
    }); 
}); 

或更好，

$('.heart_img').click(function(){ 
    $(this).attr('src', function(index,heart_type){ 
      return (heart_type.indexOf('unheart.png') != -1)? 'images/heart.png':'images/unheart.png';   
    }); 
});