1

我的目标是实现类似http://corkboard.me/GlJTVkD34A的东西，当单击更改背景的按钮时，便笺的背景和按钮中的图像都被更改。在moemt，我已经能够得到完全相同的东西，笔记上的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 循环来循环数组，但无济于事。知道的人可以指导我这样做。很抱歉，如果我解释得不够好，有什么不明白的请追问。

4

1 回答 1

1

您的代码中发生了一些奇怪的事情，但最大的是您正在切换，这就像一个电灯开关。按下它，它会打开并保持打开状态。再次按下它，它就会关闭。在这里你按下它会打开并切换到下一个颜色，然后你按下它会打开第二个挡住第一个的颜色。

那么你就有了双重计数问题。您正在逐步检查每个 NBG 的每种颜色，但只更换盒子。重置本地计数，但不是更大的。

我最好的建议是，像计算机在运行它一样单步执行每一行代码，并思考这一特定行的作用。它做我认为它做的事吗？

这有帮助吗？

于 2012-08-06T14:05:21.340 回答