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

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

为什么我的滑块不显示？

1 个答案: