javascript - 在 jquery spinner 中第一次不会触发 spin 事件

Question

我创建了一个自定义微调器，它在数字后面附加一个字符串。

var percent = 5.5%;
$.widget("ui.pcntspinner", $.ui.spinner, {
        _format: function(value){
            return value + " %";
        },

        _parse: function(value){
            return parseInt(value);
        }
    });


    $("#spinner").pcntspinner().val(percent);

旋转器附加了两个事件，即 focusout 和 spin。 focusout 在第一次调用中也可以正常工作，但 spin 不会在第一次调用时被触发。只有在触发任何其他事件之后，才会调用自旋。有办法解决这个问题吗？

Answer 1

您正在扩展小部件，因此spin将无法工作，您需要_spin

$.widget("ui.pcntspinner", $.ui.spinner, {
    _format: function(value){
        return value + " %";
    },

    _parse: function(value){
        return parseInt(value);
    },

    _spin: function( event, ui ) { 
       alert('value updated by :' + ui);

       if(validation){
         var result = this._super( event, ui ); 
         return result; //<-- important for generic functionality
       }else
       {
         //returning nothing would make value not change
       }
    }
});