Question

            $('#seconds').spinner({
                spin: function(event, ui) {
                    if (ui.value >= 60) {
                        $(this).spinner('value', ui.value - 60);
                        $('#minutes').spinner('stepUp');
                        return false;
                    } else if (ui.value < 0) {
                        $(this).spinner('value', ui.value + 60);
                        $('#minutes').spinner('stepDown');
                        return false;
                    }
                }
            });

如何命名包含上述相同代码的函数以及如何调用它？

Answer 1

这样应该有效：

$('#seconds').spinner({
  spin: doSpin
});

function doSpin(event, ui) {
  if (ui.value >= 60) {
    $(this).spinner('value', ui.value - 60);
    $('#minutes').spinner('stepUp');
    return false;
  } else if (ui.value < 0) {
    $(this).spinner('value', ui.value + 60);
    $('#minutes').spinner('stepDown');
    return false;
  }
}

Answer 2

假设你想扩展jQuery /创建一个jQuery插件，你可以使用：

$.fn.mySpinner = function() {
    this.spinner({
        spin: function(event, ui) {
            if (ui.value >= 60) {
                $(this).spinner('value', ui.value - 60);
                $('#minutes').spinner('stepUp');
                return false;
            } else if (ui.value < 0) {
                $(this).spinner('value', ui.value + 60);
                $('#minutes').spinner('stepDown');
                return false;
            }
        }
    });
};

$('#seconds').mySpinner();

（虽然看起来dave的回答可能更接近标记。）

命名和调用jQuery函数

2 个答案: