Bug with jQuery slider reaching min and max values

Hi everyone , The slider handle diseappear after reaching the first value ,how can l fix this bug ? Thanks for your help.

 <span>WORDS RANGE:</span><span clas="text-info">{{$min_value}}</span> - <span clas="text-info">{{$max_value}}</span>

@push('scripts')
<script>
 var sliderrange = $('#slider-range');
    var amountprice = $('#amount');
    $(function() {
        sliderrange.slider({
            range: true,
            min: 0,
            max: 1000,
            values: [0, 1000],
            slide: function(event, ui) {
               @this.set('min_value', ui.values[0]);
               @this.set('max_value', ui.values[1]);
            }
            });
        });
     
</script>
@endpush