jQuery UI Slider не отображается

Я думал, что основной синтаксис для слайдера:

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

$("#slider").slider()

Но это не делает видимый слайдер. div элемент div, я вижу, что были применены некоторые стили, но слайдер не отображается.

Здесь скрипка: http://jsfiddle.net/yqNcn/

Ответ 1

Вы не включили CSS для jQuery UI, поэтому классы применяются, но стилей нет (на самом деле их не применять). Вот отредактированная скрипка, которая включает стили (см. Панель "Ресурсы"); слайдер виден, как и должно быть.

Ответ 2

Первый Импорт файлов JavaScript * jquery.s и импорт Jquery UI виджетов JQuery-ui.js Затем Put Your Css Div тег с идентификатором <div id="slider"></div> В этом примере

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

затем вызвать функцию слайдера JQuery....

<script>
$(function() {
$( "#slider" ).slider();
});
</script>