Question

当我使用以下代码将输入类型范围滑动到他的最后一个值（100）时，我试图收到警报，但不起作用：

<input id="now" type="range" min="1" max="100" value="1" class="slider">

<script>
    $(document).on('input', '#now', function() {
        $( "#now" ).mouseup(function() {
            if ($('#now').attr('value') = 100 ) {
                alert('Now!');
            }            
        });
    });
</script>

显然我做错了。有人可以给我点灯吗？谢谢。

Answer 1

您首先不需要mouseup ..您不需要寻找attr()，您不需要寻找val()-价值就是' t attribute –它本身就是一个对象。此外，您需要检查以确保平等。单个= 设置相等性。您需要==来检查thruthy的值，或者===来检查exact的值（包括字符串类型IE整数等）

IE

$(document).on('input', '#now', function() {
  if ($('#now').val() == 100) {
    alert('Now!');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="now" type="range" min="1" max="100" value="1" class="slider">

Answer 2

尝试一下：我已删除MouseUp，并使用OnChange事件处理程序使其变得简单

$(function() {
  $("#now").change(function() {
    if ($(this).val() == "100") {
      alert('Now!');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<input id="now" type="range" min="0" max="100" value="1" class="slider">

输入范围更改为特定值时发出警报

2 个答案: