2014-09-24 2 views
0

Я использую скрипт jQuery Slider plugin здесь мой HTML & Код JQuery.Как установить указатели по умолчанию jslider программно на загрузку страницы

HTML:

<div class="main"> 
    <input id="slider" type="slider" name="price" value="20;50" /> 
</div> 

JQuery:

jQuery("#slider").slider({ 
    from: 10, 
    to: 100, 
    step: 10, 
    round: 1, 
    skin: 'plastic', 
    limits: true, 
    onstatechange: function (value) { 
     console.log(value) 
    }, 
}); 

Теперь мой вопрос, я не хочу использовать значение диапазона в качестве значения текстового поля, как показано ниже:

<input id="slider" type="slider" name="price" value="20;50" />

Можно ли загрузить 20; 50 значение с подлинником Jslider?

Мои jsFiddle: http://jsfiddle.net/1gpqzaw6/1/

Любая идея или предложение?

Спасибо.

ответ

0

Вместо вызова слайдера с

jQuery("#slider").slider({ 
    ... 

Try назвать это как

jQuery("#slider").val("30;50").slider({ 
    ... 

Таким образом, вы можете удалить атрибут value из <input> тега и установите значение программно перед началом бегунка ,

0

просто использовать ниже код на документе готового

$("#slider").slider("value",val1,val2); 

в моем случае я использовал кнопку сброса и нажмите функцию

function sliderreset() 
    { 
     $("#slider").slider("value",val1,val2); 

    } 
+0

для JSlider https://egorkhmelev.github.io/jslider/ –