javascript - All jQuery UI effects disappear when I add the last slider

Question

I'm trying to get the hang of JQuery UI. So I'm designing a webpage with a form which has UI sliders and buttons. Here is my code :

http://pastebin.com/gVZMVaZL

The problem starts on line 88. The element is supposed to contain a slider to input color data (first of three, the others are blue and green). However, when I use the UI .slider() method on this div (the commented out code on line 42), the rest of the sliders and all other UI effects just disappear! Why is this? How do I get around this?

Thank you in advance for your consideration.

Answer 1

你有一个错字；删除之后的多余分号'horizontal'：

$("#red_slider").slider({value:128, min:0, max:256, orientation:'horizontal'});

Answer 2

RGB 值的最大值只能是 0 到 255。在http://jqueryui.com/slider/#colorpicker有一个很好的例子来说明如何设置颜色滑块。