jQuery Mobile Rangeslider destroy() 方法

jQuery Mobile是一套基于 HTML5 的用户交互小部件工具箱，用于构建在 jQuery 之上的各种用途。它旨在构建可用于移动设备、选项卡和桌面的快速响应式网站。 jQuery Mobile 的rangeslider小部件是一个双手柄滑块。滑块具有要设置的最小值和最大值，我们可以从最小值和最大值之间的范围中进行选择。

在本文中，我们将使用jQuery Mobile Rangeslider destroy() 方法。 destroy 方法完全删除了 rangeslider 的功能。在 rangeslider 被销毁后，该元素将作为其初始状态运行。

语法：调用destroy方法来销毁rangeslider。

$("Selector").rangeslider("destroy");

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

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

CDN 链接：为您的 jQuery Mobile 项目使用以下 CDN 链接。

示例：在以下示例中，我们通过按钮 onclick调用destroy()方法禁用了范围滑块。我们可以在输出中看到两个无法正常工作的滑块。

HTML

  

    
    
    
    
    
    
    
    

  

    
        GeeksforGeeks
    
    jQuery Mobile Rangeslider destroy() Method
    
        
            Rangeslider:
        
        
        
            Rangeslider:
        
         
    
        Destroy Rangeslider
    
    
        function destroyRangeslider() {
            $(document).ready(function() {
                $("#gfg").rangeslider("destroy");
            });
        }
    

  

输出：

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