0

我第一次使用 Limesurvey 和 Javascript。我想在每次移动滑块时获取滑块的值。我不知道如何正确地做到这一点。到目前为止,它得到了类似的东西:

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

到目前为止,这很有效,每次单击滑块时,我都会收到警报,但它只给我 [objetc Object] 而不是值。

我不确定如何获取该值,因为如果我查看滑块的 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>
4

1 回答 1

0

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

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

希望这可以帮助!

干杯!

于 2013-10-20T17:38:54.047 回答