我的图像拒绝工作

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变量成为完全限定的网址。

请改为尝试：

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