Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jqueryui-Silder不透明度动态值_Jquery_Jquery Ui_Slider_Opacity_Jquery Ui Slider - Fatal编程技术网

jqueryui-Silder不透明度动态值

jqueryui-Silder不透明度动态值,jquery,jquery-ui,slider,opacity,jquery-ui-slider,Jquery,Jquery Ui,Slider,Opacity,Jquery Ui Slider,我正在使用jQueryUI滑块。我希望滑块检测正在单击的div的不透明度,并将其设置为初始滑块值 $('.test').click(function() { $('.test').removeClass('selected'); $(this).addClass('selected') }); $('#slider').slider({ value: $('.selected').css('opacity'), min: 0, max: 1, s

我正在使用jQueryUI滑块。我希望滑块检测正在单击的div的不透明度,并将其设置为初始滑块值

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
});

$('#slider').slider({
    value: $('.selected').css('opacity'),
    min: 0,
    max: 1,
    step: 0.05,
    slide: function(event, ui) {
        $('.selected').css({
            'opacity': ui.value
        })
    }
});

将您的单击功能更改为:

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
    $("#slider").slider("value", $(this).css('opacity'));
});

将您的单击功能更改为:

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
    $("#slider").slider("value", $(this).css('opacity'));
});