Jquery ui 滑块没有范围

Question

我有以下滑块代码

  <div id="test"></div>
<p:inputText value="#{observerMBean.rating.scale}" id="amount"  style="width:30%;">
    <f:convertNumber minFractionDigits="2" />
</p:inputText>
  $( function() {
    $( "#test" ).slider({
        range: true,
        min: 1,
        step: 0.1,
        max: 5,
        value:0,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.values[ 1 ]);
        }
    });

} );

我面临两个问题

我不需要范围，如果我将范围设置为 'min' 或 'max'，我会收到以下错误 "Uncaught TypeError: Cannot read property '1' of undefined"。如何解决？
如果我需要在同一页面中使用 5 个滑块，我如何在不使用 id 的情况下将值设置为文本框。

Answer 1

使用它解决了我的问题

 $( "#amount" ).val( ui.value);

Jquery ui 滑块没有范围

Jquery ui slider without range

jquery

jquery-ui-slider