如何启用一些时间延迟来触发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

您可以使用setTimeout来引入延迟。 See jsfiddle

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