Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Установить значение для bootstrap-slider

Автор: mstdmstd 13.9.2016, 08:11

Всем привет,
На странице http://dev2.softreactor.com/wp-plugings/extended-products-search/ есть
"Filter on rating" блок со слайдером как описано тут
https://github.com/seiyria/bootstrap-slider
и тут примеры
http://seiyria.com/bootstrap-slider/

Слайдер работает но не удается програмно средствами JS установить значение для этого слайдера
Ниже 2 кнопки для тестирования

"test Value 1" с кодом

Код


        function testValue1() {
            alert( "testValue1 nsn_woo_ext_search_ratingSlider::"+var_dump(nsn_woo_ext_search_ratingSlider) )
            nsn_woo_ext_search_ratingSlider.slider('setValue', 1).slider('setValue', 5);
        }

и выдает ошибку
Error: cannot call methods on slider prior to initialization; attempted to call method 'setValue'

"test Value 2" с кодом

Код


        function testValue2() {
            alert( "testValue1 nsn_woo_ext_search_ratingSlider::"+var_dump(nsn_woo_ext_search_ratingSlider) )
            nsn_woo_ext_search_ratingSlider.bootstrapSlider('setValue', 1).bootstrapSlider('setValue', 5);
        }

и выдает ошибку
bootstrap-slider.min.js?ver=4.6.1:29 Uncaught TypeError: Cannot read property 'toFixed' of undefined
Ошибки ссылаются на библиотечные файлы...

nsn_woo_ext_search_ratingSlider - это глобальная переменная которая инициализирется кодом

Код


    nsn_woo_ext_search_ratingSlider = $("#"+this_m_plugin_prefix+"rating_slider").bootstrapSlider();
    alert( "initRating  nsn_woo_ext_search_ratingSlider::"+var_dump(nsn_woo_ext_search_ratingSlider) )

при инициализации jQuery

сам слайдер имеет код

Код


  <input id="zenda-fonda_bread_rating_slider" type="text" class="span2" value="" data-slider-min="1" data-slider-max="5" data-slider-step="1" data-slider-value="[1,5]" style="width: 100%" data-slider-ticks="[1, 2, 3, 4, 5]" data-slider-ticks-labels='["1", "2", "3", "4", "5"]'/>

  А как правильно ?

  Спасибо !