jQuery UI Slider destroy() 方法

jQuery UI Slider destroy() 方法是一个用于销毁已创建的滑块的方法。它可以在您不再需要滑块时使用，以释放内存并清除事件处理程序。

语法

$( ".selector" ).slider( "destroy" );

参数

该方法不接受任何参数。

返回值

该方法没有返回值。

实例

以下示例演示如何使用jQuery UI Slider destroy() 方法。

HTML

<div id="slider"></div>

JavaScript

$(document).ready(function(){
  $("#slider").slider({
    value:100,
    min: 0,
    max: 500,
    step: 50,
    slide: function( event, ui ) {
      $( "#amount" ).val( "$" + ui.value );
    }
  });
  
  $( "#destroy-slider" ).click(function() {
    $( "#slider" ).slider( "destroy" );
  });
});

上面的JavaScript代码将创建一个滑块，并在滑块下方显示当前的值。另外，还有一个按钮，用户点击后将销毁滑块。

结论

我们可以使用jQuery UI Slider destroy() 方法来销毁已创建的滑块。这将释放内存并清除事件处理程序。