ansaurus

Question

jQuery animations within a function call

Answer 1

+2 A:

Define the function, then call it.

function gotoIt(x,y) {
  $('.elements').animate({
    left: x+'px',
    top: y+'px'
  }, 500);
}

if ($(window).width()<1259) { //Small
  gotoIt(/* parameters here */);
} else { //Large
  gotoIt(/* parameters here */);
}

Edit 3: is this what you want?

$(document).ready(function() {
    if ($(window).width()<1259) { //Small
        (function(x, y) {
            $('.elements').animate({
                left: x+'px',
                top: y+'px'
            }, 500);
        })(20,20); //arguments x and y
    } else { //Large
        (function(x, y) {
            $('.elements').animate({
                left: x+'px',
                top: y+'px'
            }, 500);
        })(-20,-20); //arguments x and y
    }
});

digitalFresh 2010-06-21 22:35:45

Hmm, thanks but the **IF** statement needs to wrap around the functions. Unless there is a better way for me to do it?

Neurofluxation 2010-06-21 22:41:56

You could use anonymous functions. Ill edit my post to include it.

digitalFresh 2010-06-21 22:43:33

No, the if doesn't need to wrap around the function. If blocks do not create their own scope. Wrapping if around the function does nothing, really. The function will only run when called, and the way that digitalFresh has it does what you want.

Mark 2010-06-21 22:44:15

@digitalFresh - Star! Thank you! +1rep +accept

Neurofluxation 2010-06-22 08:19:25

ansaurus

tags:

views:

answers:

jQuery animations within a function call

related questions