如何将输入字段置于滑块javascript上方

我正在制作一个带有输入字段的范围滑块。输入字段显示滑块的值。我希望输入字段始终位于滑块上方。此时它只在滑块上方滑动。如果你还没有点击它，它将在滑块的左边，如果它还没有点击，我希望它也在滑块的上方

<script type="text/javascript">
        jQuery(document).ready(function($) {
            $('#<?php echo $id; ?>').rangeslider({
                onSlide: function (position, value) {

                    var left = $('.rangeslider__handle').css('left');
                    var val  = $('input[type="range"]').val();

                    $('.floating-number-input').css({
                        'left': left,
                    });

                    // makes sure that the input has the value of the slider
                    $('.slider-input input[type="number"]').val( val );
                }
            }); 
        });
    </script>

jQuery（文档）.ready（函数（$）{
$（'#'）。范围滑块({
onSlide：函数（位置、值）{
var left=$（'.RangeSlaider__handle'）.css（'left'）；
var val=$（'input[type=“range”]”）。val（）；
$（'.floating number input'）.css({
"左":左,，
});
//确保输入具有滑块的值
$（'.slider输入[type=“number”]'）.val（val）；
}
}); 
});

---

尝试了一些东西后，我找到了解决办法。对我有效的是添加下一行代码。在我的功能结束时

            $('#<?php echo $id; ?>').rangeslider('update', true);

$（'#'）。范围滑块（'update'，true）；

请提供，包括（渲染的）标记。你可以为此付出代价。