如何重置<div>中的滑块？/如何清除<div> </div> </div>中的元素

Question

我想点击某个按钮重置<div id="slider">。

<div>包含滑块（此处不重要）。

是否有$(#slider).reset()或$(#slider).clear()之类的函数或清除滑块<div>的任何内容？

Answer 1

您可以设置一个值，例如此滑块的最小值（0）：

$('#slider').slider("value", 0);

另见this example。

设置为最大值：

$('#slider').slider('value', $("#slider").slider("option", "max"));

另见updated example。

=== UPDATE ===

我再次更新了my example。现在您可以提醒当前值并将最大值设置为30：

$('#slider').slider('option', 'max', 30);
...
alert($('#slider').slider('value'));

Answer 2

判断你想要什么有点困难，但看看这个：

reset jquery slider

How to reset a jQuery UI slider?

http://forum.jquery.com/topic/slider-moving-slider-back-to-beginning-slider-reset-method

示例：

$("#slider").slider("value", $("#slider").slider("option", "min") );

Answer 3

重置滑块

   $("#value-slider").slider("value", $("#value-slider").slider("option", "min") );

清空div

$("#value-slider").empty();

Answer 4

有一个功能empty()可以满足您的需求。 你可以尝试

$("#slider").empty()

这会清除您的<div>，以便您可以重新设置其他滑块

Answer 5

http://slidesjs.com/

Sliderjs：

要重置为第一张幻灯片， 在取消或关闭按钮单击事件中应用以下行 $（'。pagination li：first a'）。click（）;

http://letslearn-kannan.blogspot.in/