jquery - 在 jquery-ui slider 函数中调用插件

Question

我正在使用 jquery ui 中的范围 slider ，并希望从其 slide 函数调用另一个插件 ( autosize )。但这样不行:

$( "#slider-range" ).slider({
  range: true,
  min: 100000,
  max: 5000000,
  step: 100000,
  animate: true,
  slide: function( event, ui ) {
    $( "#range_max" ).val(ui.values[ 1 ])).autosizeInput();
  },
});

如何在#range_max input字段上调用autosizeInput()？

Answer 1

这是一种解决方法，我将一个函数绑定(bind)到文本框的 input 事件，并在移动 slider 时触发它。

$("#slider-range").slider({
  range: true,
  min: 100000,
  max: 5000000,
  step: 100000,
  animate: true,
  slide: function( event, ui ) {
    $( "#range_max" ).val(ui.values[ 1 ]).trigger('input');
  }
});

$("#range_max").on("input", function() {
  $(this).autosizeInput();
});

<强> Updated Fiddle.