Question

我有一个“输入范围”，当我移动它时，该值直接显示在“span”中。问题是当我在“输入”上放置默认值时，“span”不会更新，直到我将鼠标移到它上面。我怎样才能让它自动更新“跨度”而不触及任何东西？

<input type="range" value="60" min="0" max="180" step="15" name="angle">
<span>0°</span>

$(function() {
    $('input[type=range]').on('mousemove', function() {
        $('span').html(this.value + '°');
    });
});

https://jsfiddle.net/vb36aL0y/21/

谢谢

Answer 1

试试这个：

$(function() {
    $('span').html($('input[type=range]').val() + '°');
    $('input[type=range]').on('mousemove', function() {
        $('span').html(this.value + '°');
    });
});

Answer 2

如果我理解正确，你试图在初始视图上设置初始值60 ..试试这个，

$(function() {
    var rangeInput = $('input[type=range]');
    $('span').html(rangeInput.val() + '°');
    rangeInput.on('mousemove', function() {
        $('span').html(this.value + '°');
    });
});

页面刷新后未显示的值

2 个答案: