JQuery Переключить некоторые проблемы

Question

JQuery Переключить некоторые проблемы

0

Я хотел создать переключатель, не используя toggle. Когда я нажимаю кнопку, он должен менять цвет на синий, если снова нажать кнопку, он должен снова изменить цвет черного цвета, в некоторых случаях он не работает. (извините за мои бедные знания английского языка) Fiddle

<div class='main'>
    <div class='button'>Click me</div>
</div>

.main {
    width:80%;
    height:300px;
    background:black;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.button {
    padding: 10px 12px;
    background:#999;
    width:90px;
    margin: 110px auto;
    color:#fff;
    cursor:pointer;
}


var content = $('.main');
$('.button').on('click', function(){ 
    if(content == content.css({'background':'black'})){
        content.css({'background':'blue'})
    }else{
        content.css({'background-color':'black'})
    }
})

Tukhsanov 03 май 2014, в 19:55

Источник

Теги:

javascript

jquery

2 ответа

1

Попробуй это

var content = $('.main');

$('.button').on('click', function () {
    if (content.css("background-color") == "rgb(0, 0, 0)")
        content.css({ 'background': 'rgb(0, 0, 255)' });
    else 
        content.css({ 'background': 'rgb(0, 0, 0)' });
})

Rashmin Javiya 03 май 2014, в 16:38

Ещё вопросы

maj · Accepted Answer · 2014-05-03T14-42-00.000Z

Попробуй это

JSFIDDLE

   var content = $('.main');
    $('.button').on('click', function(){ 
        if(content.hasClass("blue")){
            content.css({'background':'black'})
            content.removeClass("blue").addClass("black");
        }else{
            content.css({'background':'blue'})
            content.removeClass("black").addClass("blue");
        }
    })