jquery - 如何启用一些时间延迟来触发 JQuery Slider 功能？

Question

我在我的jsp页面中实现了一个滑块，代码是这样的，

$('#slider1').slider({
    range: "min",
    value: myvalue,
    min: 0,
    max: 57,
    slide: function(event, ui) {
    /*
        my backend function go here
    */
    }
});

我想添加一个“鼠标向上时间”，以便在用户单击滑块然后暂停几秒钟后，将触发滑动功能。我不希望在用户释放按钮后立即触发该功能。这可以确保用户暂停以查看功能发生。

谢谢

麦克风

Answer 1

您可以使用 asetTimeout来引入延迟。见 jsfiddle。

// ...
slide: function(event, ui) {
  setTimeout(function() { sliderMethod(event, ui); }, 2000); // delay trigger for 2s
}
//..
function sliderMethod(event, ui) {
  /*
    my backend function go here
  */
}