在 jquery-ui 滑块函数中调用插件

Question

我正在使用 jquery ui 中的范围滑块，并想从其 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

这里有一个解决方法，我将一个函数绑定到文本框的 input 事件，并在移动滑块时触发它。

$("#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.

在 jquery-ui 滑块函数中调用插件

Call Plugin within jquery-ui slider function

jquery

jquery-ui

autosize