切换按钮不起作用

时间:2013-04-13 03:30:28

标签: togglebutton jquery

我的切换按钮工作正常,但我对我的代码的另一部分进行了一些调整,现在它已经停止工作了。同一面板中的重置按钮也可正常工作。这就是我在做什么 -

$(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/

谢谢!

1 个答案:

答案 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');
    });
});

http://jsfiddle.net/yhb9A/87/