jquery - JQueryスライダー機能をトリガーするために時間遅延を有効にするにはどうすればよいですか？

Question

jspページにスライダーを実装しました。コードは次のとおりです。

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

「マウスアップ時間」を追加して、ユーザーがスライダーをクリックしてから一定秒間一時停止した後、スライド機能がトリガーされるようにします。ユーザーリリースボタンの直後に関数がトリガーされないようにします。これにより、ユーザーは機能が実行されることを確認するために一時停止されます。

ありがとう

マイク

Answer 1

を使用しsetTimeoutて遅延を導入できます。jsfiddleを参照してください。

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