jQuery UI Silder不透明度動態值

Question

我正在使用jQuery Ui滑塊。我想要滑塊檢測被點擊的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 
     }) 
    } 
}); 

Answer 1

更改您的點擊功能是：

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