смена фона у дивов
Как правильно менять фон у дива при клике, что возвращался в исходное при клике на другом диве. id дивов уникальный
$('#id_'+id_address).removeClass('selected');
$('#id_'+id_address).toggleClass('selected');
В таком виде остаются оба выделенными |
id конечно уникальный. А вот класс у них пусть будет общий.
toggleClass — это хороший метод, но в данном случае явное лучше неявного, поэтому:
$("div.someclass").click(function(){
$("div.someclass").removeClass("selected")
$(this).addClass("selected")
})
|
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$("div[id^='div']:not(.selected)").live('click',function() {
$("div[id^='div']").toggleClass('selected');
});
</script>
<style type="text/css">
#div1,#div2{
cursor:pointer;
margin-top:20px;
width:200px;
height:60px;
border:solid 2px;
}
#div1{
border-color:red;
}
#div2{
border-color:blue;
}
#div1.selected{
background-color:blue;
}
#div2.selected{
background-color:red;
}
</style>
<div id=div1 class="selected"></div>
<div id=div2></div>
|
только почему то методы не работают если я хочу запихать в метод
function on_success() {
$("div.rand").removeClass("selected")
$(this).addClass("selected")
}
например так, что бы выделить блок с которого был клик после ajax запроса |
| Часовой пояс GMT +3, время: 16:00. |