script.aculo.us 滑块 setEnabled 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。 Slider 控件是允许用户输入值的细轨道。它是通过定义一个值范围来完成的，用户可以通过将手柄拖动到适当的值来选择这些值。

Sliders setEnabled函数用于启用给定的滑块。已禁用的滑块已禁用 属性设置为 true 并且用户不能与之交互。使用此函数设置禁用 属性为 false 并允许用户与滑块交互。

句法：

setEnabled()

参数：此函数没有参数。

例子：

HTML

  

    
    
    
  
    
    
  
    
    
        .track {
            width: 250px;
            background-color: gray;
            height: 5px;
            position: relative;
        }
  
        .track .handle {
            width: 20px;
            height: 10px;
            background-color: green;
            cursor: move;
            position: absolute;
            top: -2px;
        }
  
        .pad {
            padding: 25px;
        }
    

  

    
        GeeksforGeeks
    
  
    Sliders setEnabled
  
    
        A disabled slider can be enabled 
        by using the setEnabled() method
        as shown below.
    
  
    
        
            
            
        
    
  
    Current Slider 1 Value:
        0
    
  
  
    
        
            
            
        
    
  
    
        Enable Second Slider
    
  
    Current Slider 2 Value:
        0
    
  
    
  
        // Initialize the slider
        let slider = new Control.Slider('handle-hor',
            'track-hor', {
  
            // Define the range
            range: $R(1, 100),
            disabled: true,
  
            onSlide: (val) => {
                document.querySelector("#out")
                    .textContent = val;
            }
        });
  
        let slider2 = new Control.Slider('handle-hor2',
            'track-hor2', {
  
            // Define the range
            range: $R(1, 100),
            disabled: true,
  
            onSlide: (val) => {
                document.querySelector("#out2")
                    .textContent = val;
            });
  
        function enableSlider() {
  
            // Set the value of the slider
            // to the given value
            slider2.setEnabled();
        }
    

  

输出：