Как обновить значение пагинации слайдера jquery (трески) по типу ввода

Question

Как обновить значение пагинации слайдера jquery (трески) по типу ввода

0

Я использую разбиение ползунка jQuery на Codrops: http://tympanus.net/Development/SliderPagination/

Я хочу, чтобы значение ползунка обновлялось, изменяя значение входного текста, а также наоборот.

Но, когда я набираю некоторое значение во входном тексте, значение не обновляется, вместо этого оно появляется на новом слайдере страницы.

Этот код:

$(function () {
    $("#aduhh").change(function(){
        // alert($("#aduhh").val())
        $( "#slider" ).pagination( {
            Value : $("#aduhh").val(),
        });
    });  
    $( "#slider" ).pagination( {
        Value : 10,
        total : 100,
        step:1,  
        next:1,
        onChange : function( value ) { 
        $("#aduhh").val(value);
        }
    });
});

HTML:

<div id="slider" class="sp-slider-wrapper">
   <nav>
      <a href="#" class="sp-prev">Previous</a>
      <a href="#" class="sp-next">Next</a>
   </nav>
</div> 

  <input type="text" id="aduhh" />

и это http://jsfiddle.net/teman_bermain/c2peX/2

Как я могу это сделать? Благодарю.

извините за мою грамматику.

deer dance 17 апр. 2014, в 23:58

Источник

Теги:

jquery

jquery-ui

pagination

1 ответ

Ещё вопросы

Faris Nasution · Accepted Answer · 2014-04-18T04-11-00.000Z

Ваш код добавит новый слайдер для разбивки на страницы при каждом изменении значения $("aduhhh"), так как вы вызываете .pagination на .pagination вызове.

$(function() {
    var initValue = 10;

    $("#aduhh").val(initValue);

    var mySlider = $("#slider").pagination({
        value : initValue,
        total : 100,
        step : 1,
        next : 1,
        onChange : function(value) {
          $("#aduhh").val(value);
        }
    });

    $("#aduhh").change(function() {
      var currentValue = $("#aduhh").val();

      mySlider.slider.value = currentValue;
      $("#slider span").text(currentValue);
    })
})