VPF::Jquery ui-slider & Jquery selectbox - Форум программистов

Micher

Дата 30.1.2014, 23:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 129
Регистрация: 13.1.2006
Где: г. Ижевск

Репутация: нет
Всего: нет

Доброго всем дня. Может кто-нибудь встречался с похожей проблемой.
На странице есть стилизованный 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>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »