我的切换按钮工作正常,但我对我的代码的另一部分进行了一些调整,现在它已经停止工作了。同一面板中的重置按钮也可正常工作。这就是我在做什么 -
$(document.getElementById('light')).toggle(function () {
$(document.getElementById('grid ')).css('backgroundColor ', '#000000');
$(document.getElementByClassName('circle')).css('borderColor', '# FFFF99 ');
}, function () {
$(document.getElementById('grid ')).css('backgroundColor ', '#c0c0c0 ');
$(document.getElementByClassName('circle ')).css('borderColor ', '#FAEBD7 ');
});
这里是jsfiddle:http://jsfiddle.net/riamirchi/yhb9A/84/
谢谢!
答案 0 :(得分:0)
虽然我不知道切换按钮代表什么,但我对代码的这一部分进行了一些改进:
$('#light').toggle(function () {
$('#grid ').css('backgroundColor ', '#000000');
$('.circle').css('borderColor', '# FFFF99 ');
}, function () {
$('#grid ').css('backgroundColor ', '#C0C0C0 ');
$('.circle ').css('borderColor ', '#FAEBD7 ');
});
$('#reset').click(function () {
$('#grid').css('backgroundColor ', '#C0C0C0');
$('.circle').each(function () {
$(this).css('backgroundColor', '#C0C0C0');
});
});