Question

我第一次使用Limesurvey和Javascript。我希望每次移动时都能获得滑块的值。我不知道如何正确地做到这一点。到现在为止它有类似的东西：

$(document).ready(function() {
    $( "#slider-handle-576875X1492X18245SQ001" ).click(function() {
        alert($( ".ui-slider-handle ui-state-default ui-corner-all" ).slider( "value"));
    });
 });

到目前为止，每次点击滑块时，我都会收到警报，但它只给我[objetc对象]而不是值。

我不确定如何获得该值，因为如果我查看滑块的html代码，则值（此时为14）存储在任何位置，只有百分比通过style="left: 46.666666666666664%;">

我只是在这里发布，所以你可以看看！

<div id="slider-576875X1492X18245SQ001" class="ui-slider-1 ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
  <div id="slider-left-576875X1492X18245SQ001" class="slider_showmin">0</div>
  <div class="slider_callout" id="slider-callout-576875X1492X18245SQ001" style="left: 93.32386016845703px;">14</div>
  <div class="ui-slider-handle ui-state-default ui-corner-all" id="slider-handle-576875X1492X18245SQ001" style="left: 46.666666666666664%;"></div>
  <div id="slider-right-576875X1492X18245SQ001" class="slider_showmax">30</div>
  </div>

  <div id="slider-left-576875X1492X18245SQ001" class="slider_showmin">0</div>

  <div class="slider_callout" id="slider-callout-576875X1492X18245SQ001" style="left: 93.32386016845703px;">14</div>

  <div class="ui-slider-handle ui-state-default ui-corner-all" id="slider-handle-576875X1492X18245SQ001" style="left: 46.666666666666664%;"></div>

Answer 1

据我所知，你没有使用正确的id和函数来获取值。我想以下代码应该适合你。

$(document).ready(function() {
    $( "#slider-handle-576875X1492X18245SQ001" ).click(function() {
        alert($( "#slider-callout-576875X1492X18245SQ001" ).html());
    });
 });

希望这有帮助！

喝彩！

移动滑块时从滑块获取值（在Limesurvey中）

1 个答案: