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)')
};
});
最佳答案
我的建议是在您的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
关于javascript - If else语句,用于更改CSS中的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21859855/