如何从JavaScript中动态创建的特定元素中获取值

我不熟悉Javascript和Jquery。 我开始改变克里斯·鲍尔斯的商业规则。 我想在数字中添加一个范围滑块，还想添加一个数字微调器。我尝试过使用开源滑块。 但我面临的问题是，如果我将滑块的html放在普通html文件中，那么它就是渲染。但是，由于我们希望动态生成它，因此尝试使用javascript不会给出所需的结果，它只显示一个空白文本字段

示例：（来自jqueryui）

//这很管用

但如果从javascript中尝试，例如：

var input = $("<div>",{"class":" slider-range rem "});
$this.after(input);

var输入=$（“”，{“类”：“滑块范围rem”}）；
$this.after（输入）；

这将创建一个空白的输入文本框。 我认为在另一个文件中不读取支持的javascript，因此我在标题中写道：

<script>
        $(function() {
        $( ".slider-range" ).slider({
        range: true,
        min: 0,
        max: 100,
        values: [ 75, 100 ],
        slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }
        });
        $( "#amount" ).val( "$" + $( ".slider-range" ).slider( "values", 0 ) +
        " - $" + $( ".slider-range" ).slider( "values", 1 ) );
        });

    </script>

$（函数（）{
$（“.slider range”）.slider({
范围：对，
分:0,，
最高：100，
值：[75100]，
幻灯片：功能（事件、用户界面）{
$（“#amount”）.val（“$”+ui.values[0]+“-$”+ui.values[1]）；
}
});
$（“#金额”）.val（“$”+$（“.slider range”）.slider（“值”，0）+
“-$”+$（“.slider range”）.slider（“值”，1））；
});

它似乎仍然不起作用。 我为我的无知道歉，但我已经尽力让它工作了。请给我一些希望。

我创建了一个它似乎运行良好

var input = $("<div>",{"class":" slider-range rem"});
$("#empty").after(input);

$( ".slider-range" ).slider({
        range: true,
        min: 0,
        max: 100,
        values: [ 75, 100 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }
    });

    $( "#amount" ).val( "$" + $( ".slider-range" ).slider( "values", 0 ) + " - $" + $( ".slider-range" ).slider( "values", 1 ) );

var输入=$（“”，{“类”：“滑块范围rem”}）；
$（“#空”）。在（输入）之后；
$（“.slider range”）.slider({
范围：对，
分:0,，
最高：100，
值：[75100]，
幻灯片：功能（事件、用户界面）{
$（“#amount”）.val（“$”+ui.values[0]+“-$”+ui.values[1]）；
}
});
$（“#金额”）.val（“$”+$（“.slider range”）.slider（“值”，0）+“-$”+$（“.slider range”）.slider（“值”，1））；

OMG我真是太蠢了。在过去的28个小时左右，我一直在努力解决这个问题。它开始工作后，我把$（“.slide ranger”）。。。在第$（“#empty”）行之后。在（输入）之后。是否有一种方法可以确定javascript的存放位置，如果幻灯片范围代码在另一个文件中，那么如何在$（“#empty”）.after（input）之后调用它？虽然我现在对结果很满意。万分感谢您，只要您的javascript链接标记放在

$（“#empty”）之后，在（输入）之后，

var input = $("<div>",{"class":" slider-range rem"});
$("#empty").after(input);

$( ".slider-range" ).slider({
        range: true,
        min: 0,
        max: 100,
        values: [ 75, 100 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }
    });

    $( "#amount" ).val( "$" + $( ".slider-range" ).slider( "values", 0 ) + " - $" + $( ".slider-range" ).slider( "values", 1 ) );