jQuery UI Slider没有出现

Question

我认为滑块的基本语法是：

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

$("#slider").slider()

但是这并不是一个可见的滑块。检查div元素，我看到应用了一些样式，但滑块不可见。

这是一个小提琴：http://jsfiddle.net/yqNcn/

Answer 1

您没有为jQuery UI添加CSS，因此应用了类但 styles 不是（实际上没有应用）。 Here's一个包含样式的编辑小提琴（查看“资源”面板）;滑块应该是可见的。

Answer 2

首先导入您的javascript文件* jquery.s并导入Jquery UI小部件Jquery-ui.js 然后 将您的Css Div 标记与 id <div id="slider"></div>此示例

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

然后调用Jquery滑块函数....

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