JQuery UI ползунок скрытый ввод не будет обновляться в случае события

Question

JQuery UI ползунок скрытый ввод не будет обновляться в случае события

0

Я пытаюсь обновить свое скрытое поле ввода внутри jquery ui slider, но этого не произойдет. Я использовал следующий код. Проверка DOM с полем ввода Firebug не обновляется в событии. Отображаются начальные значения.

 // --- Price Slider
        $("#price_slider").each(function() {
            $(this).slider({
                animate: true,
                step: 25,
                range: true, min: <?= $sel_minmax['price_min'] ?>, max: <?= $sel_minmax['price_max'] ?>,
                values: [<?= $params['price_min'] . ',' . $params['price_max'] ?>],
                change: function() {

                    // get slider values
                    var lower = $(this).slider("values", 0);
                    var upper = $(this).slider("values", 1);

                    // update spans with slider values
                    $(this).children("a.ui-slider-handle").first().children("span").html(lower + '€');
                    $(this).children("a.ui-slider-handle").last().children("span").html(upper + '€');
                }

            });
            $("input[id=price]").val($("#price_slider").slider("values", 0) + ";" + $("#price_slider").slider("values", 1));
            $(this).children("a.ui-slider-handle").html("<span class='Slider_Value'></span>");
        });

HTML

<p>
        <span class="min"></span>
        <span class="max"></span>
        <input type="hidden" id="price" />
</p>

<div id="price_slider"></div><br>

JSFiddle http://jsfiddle.net/lgtsfiddler/aTLGA/2/

fefe 20 нояб. 2013, в 19:50

Источник

0

Пожалуйста, оставьте свой HTML и создайте jsFiddle.
j08691 20 нояб. 2013, в 18:36
0

Я обновил свой пост
fefe 20 нояб. 2013, в 18:48
0

У вас есть $("#price_slider").each(function() { что означает, что вы использовали идентификатор более одного раза. Не можете этого сделать.
j08691 20 нояб. 2013, в 19:14
0

хорошо, теперь я понимаю, что вы имеете в виду. Использование стэд-классов было бы лучшим подходом? Или дырки должны быть перефакторизованы
fefe 20 нояб. 2013, в 19:16
0

Это правильно.
j08691 20 нояб. 2013, в 19:16

Показать ещё 3 комментария

Теги:

jquery

jquery-ui

slider

1 ответ

Ещё вопросы

Пожалуйста, оставьте свой HTML и создайте jsFiddle.
У вас есть $("#price_slider").each(function() { что означает, что вы использовали идентификатор более одного раза. Не можете этого сделать.
хорошо, теперь я понимаю, что вы имеете в виду. Использование стэд-классов было бы лучшим подходом? Или дырки должны быть перефакторизованы

tviana · Accepted Answer · 2013-11-20T16-10-00.000Z

это только скрытое поле ввода, которое не обновляется? Я думаю, что если вы измените код на что-то вроде этого, он будет работать:

$(function() {
  // --------------------------------
        // --- Price Slider
        $("#price_slider").each(function() {
            $(this).slider({
                animate: true,
            step: 25,
            range: true, min: 1200, max: 5000,
            values: [1200 , 5000],
            change: function() {

                // get slider values
                var lower = $(this).slider("values", 0);
                var upper = $(this).slider("values", 1);

                // update spans with slider values
                $(this).children("a.ui-slider-handle").first().children("span").html(lower + '€');
                $(this).children("a.ui-slider-handle").last().children("span").html(upper + '€');
                $("input[id=price]").val(lower+";"+upper);
            }

        });

        $(this).children("a.ui-slider-handle").html("<span class='Slider_Value'></span>");
    });


});

была ваша проблема?