Naming and Calling jQuery function

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;
                    }
                }
            });

How can I name a function that includes same code above and how can I call it?

function whatever() { /*your code */ } ?

vcanales
– vcanales

2016-03-10 21:04:13 +00:00
Commented Mar 10, 2016 at 21:04 — vcanales
– vcanales, Commented Mar 10, 2016 at 21:04

Dave · Accepted Answer · 2016-03-10 21:06:29Z

3

Like this should work:

$('#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;
  }
}

answered Mar 10, 2016 at 21:06

Dave

11k3 gold badges45 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ismailcem Over a year ago

That is what I was looking for, thanks for quick reply.

Makaze · Accepted Answer · 2016-03-10 21:10:49Z

0

Assuming you meant to extend jQuery/create a jQuery plugin, you could use:

$.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();

(Although it looks like dave's answer may be closer to the mark.)

answered Mar 10, 2016 at 21:10

Makaze

1,1067 silver badges13 bronze badges

Collectives™ on Stack Overflow

Naming and Calling jQuery function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related