jquery - jQuery滑块不滑动

Question

这是jsfiddle中的代码

我猜幻灯片功能有问题：

slide: function( event, ui ) {
          var input = this.next(':input');
          input.val(input.attr('alt') + ui.value);
}

Answer 1

该.next()方法是一个 jQuery 方法，因此您需要在引用 jQuery 对象时使用它。所以只需包裹this在一个 jQuery 构造函数中。

slide: function (event, ui) {
    var input = $(this).next(':input');
    input.val(input.attr('alt') + ui.value);
}

jsfiddle