jQuery UI Slider Not Appearing

Tyler DeWitt picture Tyler DeWitt · Apr 11, 2012 · Viewed 11.9k times · Source

I thought the basic syntax for a slider was:

<div id="slider"></div>

$("#slider").slider()

But that doesn't make a visible slider. Inspecting the div element, I see that some stylings were applied, but the slider isn't visible.

Here's a fiddle: http://jsfiddle.net/yqNcn/

Answer

Jon picture Jon · Apr 11, 2012

You have not included the CSS for jQuery UI so classes are applied but styles are not (there are actually none to apply). Here's an edited fiddle that includes the styles (look at the Resources panel); the slider is visible as it should be.