CODEWITHSUNDEEP
javascriptjqueryfunction
ismailcem
ismailcem

Reputation: 181

Naming and Calling jQuery function

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

Upvotes: 0

Views: 43

Answers (2)

Makaze
Makaze

Reputation: 1086

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.)

Upvotes: 0

Dave
Dave

Reputation: 10924

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

Upvotes: 3

Related Questions