jquery - 无法显示 Bootstrap 弹出框内的范围值更改

Question

我有一个引导弹出窗口，里面是一种表单。
在表单内部，我有一个范围输入。我可以在控制台中看到值更改。
但是，我无法将值附加到元素。

在GSP页面中，

<div id="optionsContainer">
        <ul class="list-unstyled">
            <li><a data-placement="left" data-toggle="popover"
                data-title="Options" data-container="body" type="button"  
                data-html="true" href="#" id="login"></br><span><i class="fa fa-info-circle fa-2x" aria-hidden="true"></i></span>&nbsp &nbsp</a></li>
        </ul>
        <div id="popover-content" class="hide">
        <form action="xxx/index" method="post" >

                    <label>fade time: </label>
                    <label id="fadeTimeText"></label><br/>
                    <input type="range" id="fadeTime" name="fadeTime"  min="15" max="300" onchange="updateNumberSliderLabel('fadeTime');" oninput="updateNumberSliderLabel('fadeTime');"><br/>
        </form>

在Jquery中，

 //popover
    $("[data-toggle=popover]").popover({
            html: true, 
            content: function() {
                 //  return $($(this).data('contentwrapper')).html();
                  return $('#popover-content').html();
                }
        }); 

    updateNumberSliderLabel('fadeTime');

    function updateNumberSliderLabel(sliderId) {
        var sliderValue = $(".popover-content #" + sliderId).val();
        if (typeof sliderValue === "undefined") {
            //sliderValue = $("#" + sliderId + "Text").html()//document.getElementById(sliderId).value;
            $("#" + sliderId + "Text").text("Hello World");
        }else{
            $("#" + sliderId + "Text").text("***"+ sliderValue);
        }

        console.info("sliderId " + sliderId + "------------" + "sliderValue "+ sliderValue);

    }

在fadeTimeText div中，它始终会显示Hello World

在控制台中
SliderId fadeTime ------------ sliderValue 250

它不会更改fadeTimeText div的值。
任何帮助将非常感激。
干杯

Answer 1

我找到了这个问题的答案，
只是我必须明确地说

$(".popover-content #" + sliderId + "Text").text(sliderValue);

现在更新功能看起来像

function updateNumberSliderLabel(sliderId) {
    var sliderValue = $(".popover-content #" + sliderId).val();
    if (typeof sliderValue === "undefined") {
        //sliderValue = $("#" + sliderId + "Text").html()//document.getElementById(sliderId).value;
        //$("#" + sliderId + "Text").text("Hello World");
        $(".popover-content #" + sliderId + "Text").text("Hello World");

    }else{
        $(".popover-content #" + sliderId + "Text").text(sliderValue);
    }

}