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 =「範圍」>

回答

相關問題