如何将我的输入字段放在滑块上方 javascript

Question

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

<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>

How it is at this moment How it needs to be

Answer 1

尝试了一些东西后，我找到了解决方案。对我有用的是添加下一行代码。在我的函数结束时。

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

如何将我的输入字段放在滑块上方 javascript

How can i put my input field above my slider javascript

javascript

input

slider

rangeslider