javascript - If else语句，用于更改CSS中的颜色

Question

http://jsfiddle.net/alexruff/Vrxv9/3/

我有2个按钮，一个用于vimeo，一个用于youtube。这些按钮可左右移动两个视频。

我想在显示youtube视频(marginLeft:“0”)时突出显示(更改颜色)youtube按钮，在显示vimeo视频(marginLeft:“-1000px”)时突出显示vimeo按钮。

我尝试使用if else语句，但没有任何效果。

感谢帮助。

jQuery的:

$(document).ready(function(){

$('#vimeo_player_button').click(function(){
    $('#youtube_player').animate({
        marginLeft: '-1000px'
    });
});

$('#youtube_player_button').click(function(){
    $('#youtube_player').animate({
        marginLeft: '0'
    });
});    

var youtube = $('#youtube_player').animate({marginLeft: '0'});

if ('#youtube_player' = youtube) {
    $('#youtube_player_button').css('background-color': 'rgb(0, 0, 250)')
} else{
    $('#vimeo_player_button').css('background-color': 'rgb(0, 0, 250)')
};

});

Answer 1

我的建议是在您的CSS中添加一个active类:

.active {
    background-color: rgb(0, 0, 250);        
}

然后将 active类添加到单击的按钮，以及从其他按钮中删除该类:

$('#vimeo_player_button').click(function(){
    $('#youtube_player').animate({
        marginLeft: '-1000px'
    });
    $('.active').removeClass('active');
    $(this).addClass('active');
});

$('#youtube_player_button').click(function(){
    $('#youtube_player').animate({
        marginLeft: '0'
    });
    $('.active').removeClass('active');
    $(this).addClass('active');
});    

Updated Fiddle