jQuery Mobile Slider destroy() 方法

简介

destroy() 方法用于将 jQuery Mobile Slider 组件从 DOM 中移除，以便在不需要该组件时释放其资源。

语法

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

• selector：必需，要操作的 jQuery Mobile Slider 组件的选择器。

返回值

该方法没有返回值。

示例

HTML 代码：

<div data-role="page">
  <div data-role="content">
    <label for="slider">Slider:</label>
    <input type="range" name="slider" id="slider" value="50" min="0" max="100">
    <button id="destroy-btn">Destroy Slider</button>
  </div>
</div>

JavaScript 代码：

$(document).on("pagecreate", function() {
  $("#destroy-btn").on("click", function() {
    $("#slider").slider("destroy");
  });
});

效果：

在上面的示例中，单击“Destroy Slider”按钮后，jQuery Mobile Slider 就会被销毁，从而无法再次使用。