如何在 jquery ui 微调器停止事件中调用函数

Question

我正在使用 jquery ui 微调器，我想在微调器停止事件上调用一个函数。

我不想在每次停止事件时调用该函数，仅当用户停止单击向上或向下箭头时才调用。

更改事件仅在文本框失去焦点时起作用，我希望文本框处于焦点上时。

提前致谢..

Answer 1

如果您希望在一系列点击结束后触发回调，您可以使用 _.debounce。这是代码和 plunker:

$(function(){
  var expectedDelayBetweenClicks = 500;
  var element = $("input");

  element.spinner({
    start: function(e, ui) {
      $('.selected-value').text('Waiting...');
    },

    stop: _.debounce(function(e, ui) {
      $('.selected-value').text(e.target.value);
    }, expectedDelayBetweenClicks)
  })
});

如果这些点击之间的延迟为 500 毫秒，这保证您的回调只会在几次点击后被触发。您可以根据您期望用户单击微调器的速度减少或增加此延迟。