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

Question

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

spin( event, ui )

Triggered during increment/decrement (to determine direction of spin compare current value with ui.value). Can be canceled, preventing the value from being updated.

但没有显示如何执行此操作的示例。 我开始编写这样的代码:

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

如何取消旋转事件？

你能帮我吗？ 谢谢!

Answer 1

jQuery UI 中的事件取消与 native 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() 一样。被叫了。