Получить значение от ползунка при перемещении ползунка (в Limesurvey)

я работаю с 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>

javascript limesurvey jquery-ui-slider
person Dizyd    schedule 29.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Насколько я вижу, вы не используете правильный идентификатор и функцию для получения значения. Я думаю, следующий код должен работать для вас.

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

Надеюсь это поможет!

ваше здоровье!

person Amit Kumar    schedule 20.10.2013