我的图像拒绝工作

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";
        }
    });
});

想法是，当用户单击图像（又称箭头）时，它会向下翻转并显示列表。 但是，实际上，此脚本目前无法正常工作。 图像在两个之间不会改变。 如果我将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";
        }
    });
});