Question

我有这个

$("#ask-for-offer").on('click', function () {
    $(".form-oferta").toggle();

    setTimeout(function() {
        // range slider here
        var slider = new Slider("#ex19");
        slider.on("slide", function (sliderValue) {
            document.getElementById("ex6SliderVal").textContent = sliderValue;
        });

        //slider.destroy();
    }, 300);
});

但是我不知道在切换后如何使用slider.destroy。

我想在切换时启动滑块，然后再次按下切换器销毁它。

Answer 1

不确定toggle()是切换元素创建和销毁的正确方法。我可能会改为执行以下操作：

const container = $('#container')

$('button').click(() => {
  let slider = $('#slider');
  if (slider[0]) {
    slider.remove();
  } else {
    container.append('<div id="slider"></div>');
    slider = $('#slider');
    slider.slider();
  }
});

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<button>Toggle Slider Create / Destroy</button>
<div id="container"></div>

切换后销毁范围滑块

1 个答案: