如何防止在 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()一样。