script.aculo.us 滑块禁用选项

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

Sliders disabled选项用于定义给定的滑块是否被禁用。禁用的滑块将被锁定，因此用户无法移动。此选项接受一个布尔值，其中值true指定要禁用的滑块，而false指定它未禁用。

句法：

{ disabled: boolean }

价值观：

• boolean：这是一个布尔值，指定滑块是否被禁用。

例子：

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 disabled
  
    
        The slider can be disabled or enabled 
        using the "disabled" option.
    
  
  
    
        
            
            
        
    
      
    
        
            
            
        
    
  
    
        new Control.Slider('handle-hor',
            'track-hor', {
            range: $R(1, 10),
  
            sliderValue: 5,
  
            // This will disable the Slider
            // and it will be locked
            disabled: true
        });
  
        new Control.Slider('handle2-hor',
            'track2-hor', {
            range: $R(1, 10),
  
            sliderValue: 5,
  
            // This will enable the Slider
            // to be used
            disabled: false
        });
    

  

输出：