如何阻止导致 UI Slider 消失的全局 JQuery Effect

Question

我使用以下 JQuery UI 滑块脚本来输入值：

<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>

每当单击或滑动滑块上的旋钮时，它就会隐藏或向上滑出站点。我无法确定到底是哪种效果导致滑块消失。这是一个问题，因为如果用户最初设置了错误的值，则无法纠正它，因为滑块已经消失。有没有办法阻止滑块受到其他全局效果的影响。我再次不确定导致此问题的确切效果（隐藏、slideUP 等）

Answer 1

如果您在 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.

Answer 2

您是否可能遇到 MooTools 和 jQuery 库冲突 (1，2）？

一种解决方法是在应用 jQuery UI 滑块之前删除每个 MooTools 滑动方法，如下所示：

jQuery('div.slider')
.each(function(){
    //removing the MooTools slide method
    this.slide=null;
})
.slider({
    ...
});