jquery切换事件来更改图像src

Question

我遇到了切换事件的问题。正如您所看到的 jsfiddle ，我正在尝试使用 jquery 创建 yosemite 菜单栏。

我正在使用:

$('.apple-button').click(function(event){
   event.stopPropagation();
});

我希望当我再次点击苹果标志时它返回黑色。当我点击其他地方时它只会返回黑色。我知道我应该使用按钮的背景属性来插入图像，但我确信我们可以这样做。

我尝试创建一个 bool 值来了解按钮是否处于事件状态，但它不起作用..

有什么帮助吗？谢谢

Answer 1

您想在其中添加一些条件代码...我添加了:

if(black === true){
    $('.apple-img').attr('src', 'http://img11.hostingpics.net/pics/396482apple.png');
    black = false;
} else {
    $('.apple-img').attr('src', 'http://img11.hostingpics.net/pics/233770appleblack.png');
    black = true;
}

将全局变量设为black并将其设置为true后:

var black = true;

Updated Fiddle Here