Question

我正在使用jQuery ui创建一个范围滑块，而我正试图在使用滑块时获取该值。

我找到了一些类似的例子，但我得到的只是[object Object]而不是预期的1，2或3。

＆＃13;

  $("#range-slider").slider({
    min:1,
    value:2,
    max: 3,
    slide: function( event, ui) {
      $("#text").text($("#range-slider").val(ui.value))
    }
  })

＆＃13;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="range-slider"></div>

<p id="text"> </p>

＆＃13;

我应该更改什么才能获得正确的结果？谢谢！

Answer 1

因为您将$("#range-slider")传递给$("#text")，这不是滑块的值，而是jQuery对象。

因此，只需传递ui.value，它就像你期望的那样工作。

＆＃13;

$("#range-slider").slider({
    min:1,
    value:2,
    max: 3,
    slide: function( event, ui) {
      $("#text").text(ui.value)
    }
  })

＆＃13;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div id="range-slider"></div>

<p id="text"> </p>

＆＃13;

如何获得jQuery ui范围滑块值？

1 个答案: