jQuery Mobile Rangeslider refresh() 方法

jQuery Mobile 是一套基于 HTML5 的用户系统交互小部件工具箱，用于构建在 jQuery 之上的各种用途。在本文中，我们将了解 Mobile Rangeslider refresh()方法。

Rangeslider 用于获取给定范围内的数据。它有两个值，第一个值表示下限，最后一个值表示上限。 refresh()方法用于重新渲染创建的范围滑块。

语法：

$('selector').rangeslider('refresh');

参数：此方法不接受任何参数。

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：在此示例中，我们首先更改范围滑块的值，然后调用 refresh() 方法将滑块刷新为正确的值。

HTML

  

    
    
    
    
    
  
    
        $(document).ready(function () {
  
            // Only refresh the values
            $("#changeBtn").on('click', function () {
                $("#range-slider-1").val(9);
                $("#range-slider-2").val(68);
            });
  
            // Update the slider to reflect the new values
            $("#refreshBtn").on('click', function () {
                $("#GFG").rangeslider("refresh");
                alert("Refreshed");
            });
        });
    

  

    
        
            
              GeeksforGeeks
            
            
                jQuery Mobile Rangeslider
                refresh() Method
            
        
        
            
                
                  Rangeslider:
                
                
  
                
                  Rangeslider:
                
                
            
  
            
            
        
    

  

输出：

参考： https://api.jquerymobile.com/rangeslider/#method-refresh