jquery - 如何防止在 Jquery UI Spinner 中更新值？

Question

当用户单击向上箭头时，我不希望我的微调器的值被更新。在 API 中说：

自旋（事件，用户界面）

在递增/递减期间触发（以确定自旋方向，将当前值与 ui.value 进行比较）。可以取消，防止值被更新。

但没有显示如何做到这一点的例子。我开始了这样的代码：

var spinner = $( ".mySpinner" ).spinner({
    min: 0,
    spin: function( event, ui ) {
       //don't know what to do!
    }
});​

如何取消旋转事件？

你能帮助我吗？谢谢！

Answer 1

jQuery UI 中的事件取消与原生 DOM 事件的工作方式相同。

您只需调用preventDefault()：

var spinner = $( ".mySpinner" ).spinner({
    min: 0,
    spin: function( event, ui ) {
       // Cancel the spin event. The value will not be updated.
       event.preventDefault();
    }
});​

您也可以false从处理程序返回，但这不仅取消了事件，而且有效地停止了它向祖先元素的传播，就像调用了stopPropagation()一样。