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