Question

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

我正在使用：

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

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

我试图创建一个布尔值来知道按钮是否处于活动状态，但它不起作用..

有任何帮助吗？感谢

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

jquery切换事件来改变图像src

1 个答案: