我的圖片拒絕工作

Question

我在一個網站上工作，所以當你點擊一個箭頭時，一個列表顯示或隱藏。我也在測試JQuery。

因此，我已經有這個腳本：

$(document).ready(function() { 
    $('img.KeikkaNuoli').click(function() { 
     if(this.src == "images/Arrow.png") 
     { 
      this.src = "images/Arrow2.png"; 
     } 
     else 
     { 
      this.src = "images/Arrow.png"; 
     } 
    }); 
}); 

想法是，當用戶點擊圖片，AKA箭頭，它翻轉下來，並顯示該列表。但是，如果發生這種情況，此腳本不起作用。圖像不會在兩個之間改變。如果我將if語句設置爲if（this.src =「images/Arrow.png」），那麼它將在第一次運行，但拒絕第二次運行。

Answer 1

在某些瀏覽器中，this.src變量變成完全限定的url。

試試這個：

$(document).ready(function() { 
    $('img.KeikkaNuoli').click(function() { 
     if(this.src.indexOf("images/Arrow.png") !== -1) 
     { 
      this.src = "images/Arrow2.png"; 
     } 
     else 
     { 
      this.src = "images/Arrow.png"; 
     } 
    }); 
});