jQuery使用<input type =“range”/>更改背景

时间:2010-07-18 20:27:05

标签: jquery css click

怎么做,

我最近一直在教自己一个基本的jQuery,这样做我偶然发现了添加滑块来改变页面背景颜色的想法。我已经找到了.click和.css部分确定 - 它与div工作正常,令人难以置信的令人兴奋;但我在使用范围实现它时遇到了一些麻烦。我认为这只是针对目标的一个问题,但我已经打了一个墙,非常感谢你的帮助:)

在此处粘贴演示页:http://www.weleasewodewick.com/redesign2/test.php

Page正在使用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>

希望这很清楚 - 如果您需要更多细节,请告诉我。

1 个答案:

答案 0 :(得分:3)

我不完全确定你在这里尝试做什么,但似乎范围输入没有点击事件。将其更改为“更改”并且有效。

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