jQuery UI 사일런트 불투명 동적 값

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')); 
});