Как заблокировать глобальный эффект JQuery, который приводит к исчезновению слайдера пользовательского интерфейса - PullRequest
Новая
       3

Как заблокировать глобальный эффект JQuery, который приводит к исчезновению слайдера пользовательского интерфейса

0 голосов
/ 03 октября 2011

Я использую следующий скрипт слайдера пользовательского интерфейса JQuery для ввода значений: 

<script type="text/javascript">

                        jQuery(document).ready(function(){
                            jQuery( "#slider-range-min" ).slider({
                                range: "min",
                                value: 5,
                                min: 1,
                                step: 5,
                                max: 60,
                                slide: function( event, ui ) {
                                    jQuery( "#amount" ).val( ui.value );
                                }

                            });
                            jQuery( "#amount" ).val( jQuery( "#slider-range-min" ).slider( "value" ) );


                    </script>
                    <div style="width:100%;clear:both;margin-top:10px;"></div>
                    <div id="slider-range-min"></div>

Всякий раз, когда ручка на слайде нажимается или перемещается, она скрывается или перемещается за пределы сайта.Я не смог определить, какой именно эффект вызывает исчезновение слайдера.Это проблема, потому что если пользователь изначально установил неправильное значение, он не сможет исправить его, потому что ползунок исчез.Есть ли способ заблокировать слайдер от других глобальных эффектов.Опять же, я не уверен, какой именно эффект вызывает это (hide, slideUP и т. Д.)

Ответы [ 2 ]

0 голосов
/ 17 июля 2012

Не могли бы вы столкнуться с библиотекой MooTools и jQuery ( 1 , 2 )?

Один из обходных путей - удалить каждый метод слайда MooTools перед применением ползунка пользовательского интерфейса jQuery следующим образом: 

jQuery('div.slider')
.each(function(){
    //removing the MooTools slide method
    this.slide=null;
})
.slider({
    ...
});
0 голосов
/ 03 октября 2011

Если вы используете ползунок в JQueryUI, вам нужно использовать .slider('values') вместо .slider('value').

По документам: 

value
.slider( "value" , [value] )
Gets or sets the value of the slider. For single handle sliders.

values
.slider( "values" , index , [value] )
Gets or sets the values of the slider. For multiple handle or range sliders.
...