Jquery ui滑块无范围

时间:2017-02-17 13:04:09

标签: jquery jquery-ui-slider

我有以下滑块代码

  <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 ]);
        }
    });

} );

我面临两个问题

  1. 我不想要一个范围,如果我将范围设置为'min'或'max',我会收到以下错误“Uncaught TypeError:无法读取未定义的属性'1'”。如何解决?

  2. 如果我在同一页面中需要5个滑块,如何在不使用ID的情况下将值设置为文本框。

1 个答案:

答案 0 :(得分:0)

使用此解决了我的问题

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