Question

我的目标是实现类似http://corkboard.me/GlJTVkD34A之类的内容，当点击更改背景的按钮时，笔记的背景和按钮中的图像都会发生变化。在momemt我已经能够得到完全相同的东西，笔记上的onclick事件，顶部弹出的div但是我试图通过将所有类放在如下所示的数组中来改变背景并且它没有'工作。我仍然不知道如何使音符的背景同时改变按钮图像。

//nbg is the button above that is to be cliked to change the backgound
var nbg = $('#nbg');
var count = 0;
nbg.each(function() {
    var thisnotice = $(this);
    thisnotice.click(function() {
    var notice_classes =['changeablenbg_yellow','changeablenbg_green','changeablenbg_pink','changeablenbg_purple','changeablenbg_blue'];
        if(notice_classes[count] === "changeablenbg_blue") {
        var count = 0
        }
    //#box is the note div itself
    $('#box').toggleClass(notice_classes[count]);
    count++;
    }); 
});

我也尝试使用for循环来循环数组，但无济于事。有谁知道请指导我做这件事。对不起，如果我说得不够好，请问你不明白的任何事情。

Answer 1

你的代码中有一些奇怪的事情，但最重要的是你正在切换这就像一个灯开关。按下它，它会打开并保持打开状态。再按一下它就会熄灭。在这里你按下然后它会打开并切换到下一个颜色，然后你按下它然后它会打开第二个颜色，这样就可以了解第一个颜色。

然后你有双重计数问题。你为每个NBG踩过每种颜色但只改变盒子。重置本地计数但不重置本地计数。

我最好的建议，逐步执行每行代码，就好像计算机正在运行它一样，并考虑这个特定行做了什么。它做了我认为的吗？

这有用吗？

Jquery切换多个类

1 个答案: