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

Question

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

旋转(事件,ui)

在递增/递减期间触发(以确定旋转比较当前值与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()一样.