Смотрите вот примерный код
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div class="output" style="display:none;">
<input type="radio" name="Button" value="Поднять1" data-value="test1">
<input type="radio" name="Button" value="Поднять2" data-value="test2">
<input type="radio" name="Button" value="Поднять3" data-value="test3">
</div>
<script type="text/javascript">
$(function () { rd = $(".output input:radio"); $("#slider-vertical").slider({ animate: true, orientation: "vertical", range: "min", min: 0, max: 3, value: 1, slide: function(event, ui) { $("#rangevalue").html(rd.eq(ui.value).val()); rd.eq(ui.value).prop("checked", true) } }); $("#rangevalue").html(rd.eq($("#slider-vertical").slider("value")).val()); $("#rangevalue").click(function() { var value = $(":radio[name=Button]").filter(":checked").data("value"); value && alert(value) })
})
</script>
<button id="rangevalue" name="Button" class="betbuttons"></button>
<div id="slider-vertical" style="height:200px;" class="slider"></div>
Как мы видим при появлении если нажать на кнопку ничего не произойдет, но если передвинуть ползунок в любую сторону, а потом обратно и нажать на кнопку то действие будет выполнено, вот интересно почему так..?