Как получить минимальное и максимальное значение слайдера из переменной.

Как получить минимальное, максимальное значение ползунка из переменной.

Когда я пытаюсь скользить, ползунок выставлен на максимум и перестает работать.

Если я введу min и max в числах, это будет работать нормально.

Вот скрипка, показывающая проблему:

<INPUT TYPE="text" CLASS="slidervalue">
<DIV CLASS="slider"></DIV>

<INPUT CLASS="getmin" TYPE="text" VALUE="1">
<INPUT CLASS="getmax" TYPE="text" VALUE="10"> 


             var getmin = $('.getmin').val();
             var getmax = $('.getmax').val();

           $(".slider").slider({

                    range: "max",
                    min: getmin,
                    max: getmax,
                    value: 2,
                    slide: function( event, ui ) {
                        $( ".slidervalue" ).val( ui.value );
                    }       

            });

http://jsfiddle.net/gk3dG/1/


slider variables jquery minmax
person user1418025    schedule 19.12.2012    source источник

Ответы (1)


arrow_upward
8
arrow_downward

Ползунок jQueryUI ожидает значений типа int, а не строковых значений. val() возвращает строки.

Если вы это сделаете, это решит ваши проблемы ...

var getmin = parseInt($('.getmin').val(), 10);
var getmax = parseInt($('.getmax').val(), 10);

См. обновленный скрипт js ...

Вам также придется обрабатывать значения NaN, так что вы тоже можете это сделать ...

var getmin = parseInt($('.getmin').val(), 10);
var getmax = parseInt($('.getmax').val(), 10);

if (isNaN(getmin)) getmin = 1;
if (isNaN(getmax)) getmax = 10;

(при условии, что 1 и 10 - ваши значения по умолчанию).

person Reinstate Monica Cellio    schedule 19.12.2012