jquery ui滑块隐藏输入赢得'；t事件的最新情况

我试图更新jQueryUI滑块中隐藏的输入字段，但不会发生。我一直在使用下面的代码。使用Firebug输入字段检查DOM不会在事件发生时更新。显示初始值

 // --- 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>");
        });

/---价格滑块
$（“#价格滑块”）。每个（函数（）{
$（此）.slider({
动画：对，
步骤：25，
范围：真，最小值：，最大值：，
值：[]，
更改：函数（）{
//获取滑块值
var lower=$（this）.slider（“值”，0）；
var upper=$（this）.slider（“值”，1）；
//使用滑块值更新跨距
$（this）.children（“a.ui-slider-handle”）.first（）；
$（this）.children（“a.ui-slider-handle”）.last（）；
}
});
$（“输入[id=price]”）.val（$（“#价格#滑块”）.slider（“值”，0）+“；”+$（“#价格#滑块”）.slider（“值”，1））；
$（this）.children（“a.ui-slider-handle”）.html（“”）；
});

html

JSFIDLE

---

只有隐藏的输入字段不更新？我认为，如果您为类似的内容更改代码，它将起作用：

$(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>");
    });


});

$（函数（）{
// --------------------------------
//---价格滑块
$（“#价格滑块”）。每个（函数（）{
$（此）.slider({
动画：对，
步骤：25，
范围：真，最小值：1200，最大值：5000，
值：[12005000]，
更改：函数（）{
//获取滑块值
var lower=$（this）.slider（“值”，0）；
var upper=$（this）.slider（“值”，1）；
//使用滑块值更新跨距
$（this）.children（“a.ui-slider-handle”）.first（）；
$（this）.children（“a.ui-slider-handle”）.last（）；
$（“输入[id=价格]”）.val（下限+”；“+上限）；
}
});
$（this）.children（“a.ui-slider-handle”）.html（“”）；
});
});

---

这是你的问题吗？

请发布你的HTML并创建一个JSFIDLE。你有

$（“#price_slider”）。每个（function（）{

，这意味着你不止一次使用ID。不能这样做。好吧，我现在明白你的意思了。使用stead类会是一个更好的方法？或者漏洞需要重新分解

$(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>");
    });


});