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

时间:2012-11-06 11:50:42

标签: jquery jquery-ui spinner

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

  

spin(event,ui)

     

在递增/递减期间触发(以确定旋转方向)   将当前值与ui.value进行比较)。可以取消,防止   来自更新的价值。

但是没有展示如何做到这一点的例子。 我开始这样的代码:

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

如何取消旋转事件?

你能帮帮我吗? 谢谢!

1 个答案:

答案 0 :(得分:9)

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()一样。