2013-10-11 2 views
0
<div class='checked' id='rb01'></div> 
<div class='rb' id='rb02'></div> 
<div class='rb' id='rb03'></div> 

это кнопки. щелчок Мне нужно переключить класс css.Переключение класса css на несколько divs

$(".rb").click(function() { 
    $('.checked').addClass('rb'); // doesn't work 
    $(this).addClass('checked'); // works 
}); 
$("#rb01").click(function() { // all works 
    $('#player').attr('src', '//www.youtube.com/embed/x13hzEsEPe0?rel=0'); 
}); 
$("#rb02").click(function() { 
    $('#player').attr('src', '//www.youtube.com/embed//pKfRAq4PPIQ?rel=0'); 
}); 
$("#rb03").click(function() { 
    $('#player').attr('src', '//www.youtube.com/embed/hiZIEB1776g?rel=0'); 
}); 
+1

addClass работает http://jsfiddle.net/arunpjohny/emQ7s/1/ –

+0

@ArunPJohny, я проверил вашу скрипку, он doeesn't работу для меня. firefox 24 – bonaca

ответ

1

Try;

$('.checked').removeClass().addClass('rb'); 
+0

хороший. большое спасибо. – bonaca

+0

Кстати, почему я не могу ввести здесь '@' и получить название предложения. Он работает только над секцией, которая только режет вопрос, но не в разделе ответов? – bonaca

+0

ваше приветствие @SunSky. Не забудьте отметить этот ответ, как принято, нажав галочку. –

0

попробовать это:

$(".rb").on("click",function(){ 
    $('#player').attr('src', '//www.youtube.com/embed//pKfRAq4PPIQ?rel=0'); 
}); 
+0

Хирургия, я думаю, вы не поняли вопроса. Пожалуйста, сосредоточьтесь на линии 'не работает'. – bonaca

+4

@SunSky Вы не задали никаких вопросов! – undefined

Смежные вопросы