Доброго всем дня. Может кто-нибудь встречался с похожей проблемой.
На странице есть стилизованный select Jquery selectbox и ползунок Jquery UI slider. Ползунок тянется только 1 раз, после чего не реагирует. При этом, если убрать $("select.custom").selectbox(); , то тогда ползунок работает исправно.
Jquery подключаю v1.7.1
| Код |
<select class="custom">
<option value="1">Раз</option>
<option value="2">Два</option>
</select>
<input type="text" id="minSq" value="" />
<input type="text" id="maxSq" value="" />
<div class="sliderCont"><div id="slider"></div></div>
|
| Код |
<script type="text/javascript">
jQuery(document).ready(function(){
/* slider */
jQuery("#slider").slider({
min: 0,
max: 200,
values: [30,150],
range: true,
stop: function(event, ui) {
jQuery("#minSq").val(jQuery("#slider").slider("values",0));
jQuery("#maxSq").val(jQuery("#slider").slider("values",1));
},
slide: function(event, ui){
jQuery("#minSq").val(jQuery("#slider").slider("values",0));
jQuery("#maxSq").val(jQuery("#slider").slider("values",1));
}
});
/* select */
$("select.custom").selectbox();
});
</script>
|
|