为什么我的切片器没有出现？

Question

我正在制作一个自定义按钮，该按钮会下拉下方的 jquery ui 滑块。这个想法是你可以滑动滑块，它会改变按钮的背景颜色。出于某种原因，滑块没有出现，我不知道为什么。

<div id="button-container">
    <div id="button">
        <div id="inner_triangle_button"></div>
    </div>

    <div id="slider_container">
       <div id="slider_container_triangle"></div>
       <div id="shadow_slider"></div>
   </div>
</div>

<script>
$('#button').click(function() { 

    if ( !$('#slider_container').is(":visible") )
        $('#slider_container').fadeIn(100);
    else
        $('#slider_container').fadeOut(100);
});

$(function() {
    $('.shadow_slider').slider({
        min: 0,
        max: 255,
        change: updateColor,
        slide: updateColor
    });
});

function updateColor() {
    var color = $('#shadow_slider').slider("value")
    $('#button').css('background', '#'+color+'0000');
}
</script>

我已经为这个问题制作了一个 JSFiddle

http://jsfiddle.net/drs4/bpsb20wd/5/

Answer 1

没有导入 jquery-ui.css 文件并且使用了错误的选择器

为什么我的切片器没有出现？

Why isnt my slider showing up?

javascript

jquery

slider