jQuery的变化的背景与<INPUT TYPE =“范围”>

怎么办，jQuery的变化的背景与<INPUT TYPE =“范围”>

我已经自学了一点基本的jQuery最近，这样做我偶然发现添加滑块的主意，改变背景颜色我的页面。我已经找到了.click和.css部分了 - 它可以正常工作，这非常令人兴奋;但是我使用范围实现它有点麻烦。我认为这只是一个目标问题，但我已经打了一下墙壁，并会非常感谢你的帮助:)

滞留演示页在这里：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>

希望这是非常明显的 - 如果你需要任何更多的细节只是让我知道。

来源

2010-07-18 suitedupgeek

需要注意的是，输入下的脚本本身就是jQuery工具东西的激活。 – suitedupgeek 2010-07-18 20:29:09

不需要'document.ready'和'$（function（）{'包装器，你只需要一个或另一个.'' range'不是[有效的选择器]（http：// api。 jquery.com/category/selectors/）（不是标准化的跨浏览器）最后，你试过这个浏览器？ – 2010-07-18 20:32:19

@NickCraver - 感谢您的澄清 - 我对jQuery的早期使用感谢。 – suitedupgeek 2010-07-18 20:41:12

我不完全确定你在这里试图做什么，但似乎范围输入没有一个点击事件。将其更改为“更改”即可使用。

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

来源

2010-07-18 20:31:42 Fabian

这的确看起来很有效，将它与一个新的选择器结合起来，就像每个尼克斯评论一样......干杯费边！ – suitedupgeek 2010-07-18 21:01:52

jQuery的变化的背景与<INPUT TYPE =“范围”>

回答

相关问题