jQuery 改变背景 <input type ="range">

Question

怎么做，

我最近一直在自学一些基本的 jQuery，这样做时我偶然发现了添加 slider 来更改页面背景颜色的想法。我已经确定 .click 和 .css 部分没问题——它可以很好地与 div 一起工作，这非常令人兴奋；但我在使用范围实现它时遇到了一些麻烦。我认为这只是定位问题，但我遇到了一些困难，非常感谢您的帮助:)

在这里放一个演示页面:http://www.weleasewodewick.com/redesign2/test.php

页面正在使用 http://flowplayer.org/tools/demos/rangeinput/index.html与默认的 jQuery 库一起。

脚本:

<script type='text/javascript'>
    $(function(){
        $(":range").click(function () {
            $("body").css("background","red");
        });
    });
</script>

范围:

<input type="range" name="background_pick" min="1" max="5" step="1" value="3" />
<script>$(":range").rangeinput();</script>

希望这已经足够清楚了 - 如果您需要更多详细信息，请告诉我。

Answer 1

我不太确定您在这里要做什么，但范围输入似乎没有点击事件。将其更改为“更改”即可。

$(":range").change(function () {
    $("body").css("background","red");
});