如何使用 jQuery Mobile 创建没有输入区域的全宽滑块？

jQuery Mobile是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中，我们将使用 jQuery Mobile创建一个没有输入区域的全宽滑块。

方法：添加项目所需的 jQuery 移动脚本。

示例：我们将使用 jQuery Mobile 创建一个没有输入区域的全角滑块。滑块是使用滑块插入数据的输入类型。我们使用带有元素的 type=”range”属性来创建一个滑块。

HTML

  

    
  
    
    
  
    
    
  
    
        /* Hide the number input */
        .full-width-slider input {
            display: none;
        }
  
        .full-width-slider .ui-slider-track {
            margin-left: 15px;
        }
    

  

    
        GeeksforGeeks
  
        
            Design a Full width slider without
            input area using jQuery Mobile
        
  
        
            
                Full width slider without input area:
            
  
            
        
    

  

输出：