如果声明没有按预期工作,背景颜色

时间:2016-02-13 13:05:49

标签: javascript jquery html css if-statement

所以我要做的是让它当我的div的背景颜色是黑色而我点击一个按钮它会变成黑色。当它变成橙色时会变成橙色。 (我只是在玩它来学习关于jquery的东西,所以请解释一下为什么以及为什么你做了一些事情并保持尽可能简单谢谢!)

用于更改按钮背景颜色的功能(到目前为止)

var color = $('#square').css('backgroundColor');
$('#vak1').click(function() {
    if (color == 'rgb(0, 0, 255)' || color == 'black')
        $('#vak1').css('backgroundColor', 'Black') || $('#vak1').css('border', '1px solid Black') ||  $('#vak1').prop('disable', true); 
    else
        $('#vak1').css('backgroundColor', 'Orange');

    $('#vak1').css('border', '1px solid Orange');
    $('#vak1').prop('disable', true);                          
});

为1en2按钮提供颜色的功能

$('#blablu').click(function() {
    var clicks = $(this).data('clicks');
    if (clicks) {
        $('#hoi').css('backgroundColor', 'Black');
    } else {
        $('#hoi').css('backgroundColor', 'Orange');
    }
    $(this).data("clicks", !clicks);
});

按钮和div

<button class="vak1" id="vak1"></button>
<button id="blablu">
    1 en 2
</button>
<div id="square"></div>

0 个答案:

没有答案