jQuery изменить фон с

Question

Как сделать,

Недавно я обучил себя основам jQuery, поэтому наткнулся на идею добавления ползунка для изменения цвета фона моей страницы. Я разобрался с частями .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");
});