我怎樣才能將我的輸入字段放在我的滑塊上方 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>

此時此刻如何 它需要如何

Answer 1

在嘗試了一些東西后，我找到了解決方案。 對我有用的是添加下一行代碼。 在我的函數結束時。

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