NoUisliderブロック要素の不透明度を変更

Question

noUiSliderを使用してdivまたは画像の不透明度を変更したいが、ブロックを表示しない。私は何が欠けていますか？

var opacitySlider = document.getElementById("slider"); 
 

 
     noUiSlider.create(opacitySlider, { 
 
      behaviour: 'drag', 
 
      start: 0, 
 
      range: { 
 
       min: 0, 
 
       max: 1 
 
       } 
 
      }); 
 
      
 
     var o = opacitySlider.noUiSlider.get(); 
 
      
 
     var changeOp = 
 
      document.getElementById("block").style.opacity = o ;

任意のヘルプまたはアドバイスは素晴らしいことです。 Fiddle here。

Answer 1

更新方法にあなたの不透明度の割り当てを移動

：

opacitySlider.noUiSlider.on('update', function(values, handle){ 
    document.getElementById("block").style.opacity = values[handle] ; 
    directionField.innerHTML = values[handle]; 
}); 

あなたはページのロード時に、一度だけそれを呼んでいました。