Народ, есть такая проблема. Есть 2 кнопки. Нажимаем на одну из них, ей присваивается ай-ди. Затем проверяем кнопку с полученным ай-ди. Если валью == 0, то при нажатии на третью кнопку с id="0but" выполняется одна функция, если ==1, то другая.
Проблема в том, что при повторном нажатии на какую-либо из первых двух кнопок и затем кликании на третью, происходит уже выполнение 2-х функций, ну и так далее. В общем, как остановить выполнение предыдущей функции при повторном нажатии на одну из двух первых кнопок?
Вот хтмл:
<div class="btn-group main" data-toggle="buttons-radio">
<button class="btn" value="0">Менее 4-х</button>
<button class="btn" id="selBut" value="1">Более 4-х</button>
</div>
<div class="btn-group" data-toggle="buttons-checkbox" id="but_gr">
<p>Убрать мутность: <button class="btn" id="0but">Компонент 1</button></p></div>
Вот скрипт:
$('.main button').click(function(){
$('#selBut').removeAttr('id');
$(this).attr('id','selBut');
if($('#selBut').attr('value')==0){
$('#0but').click(function(){
alert("1");
});
}
else if($('#selBut').attr('value')==1){
$('#0but').click(function(){
alert("0");
});
}
});