jquery - How to put an array value into an animation?

Question

I have a problem when trying to insert a random value from an array in an object animation, any idea how to solve this problem?

var modalExitDir = Array('top','right','bottom','left');
//random value from modalExitDir
var item = modalExitDir[Math.floor(Math.random()*modalExitDir.length)];

$('#modal-close-btn').click(function(){
    $('#jobs-modal').animate({
        item : -100 + '%',
        opacity : 0.5},
        500, function() {
        $(this).removeAttr('style');
    });
});

Thanks

Amin Jafari · Accepted Answer · 2014-09-30 19:31:29Z

1

the only way I can think of is using a switch() to check the item variable which should also appear inside the click function: DEMO

var modalExitDir = Array('top','right','bottom','left');
//random value from modalExitDir

$('#modal-close-btn').click(function(){
    var item = modalExitDir[Math.floor(Math.random()*modalExitDir.length)];
    switch(item){
        case 'top':
            $('#jobs-modal').animate({top:'-100%'},500);
            break;
        case 'right':
            $('#jobs-modal').animate({left:'100%'},500);
            break;
        case 'bottom':
            $('#jobs-modal').animate({top:'100%'},500);
            break;
        case 'left':
            $('#jobs-modal').animate({left:'-100%'},500);
            break;
    }
    $('#jobs-modal').animate({
        opacity : 0.5},
        500, function() {
        $(this).removeAttr('style');
    });
});

answered Sep 30, 2014 at 19:31

Amin Jafari

7,2153 gold badges21 silver badges44 bronze badges

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

2 Comments

Caio Kawasaki Over a year ago

Nice! Works perfectly! Thanks a lot man! IF anybody want to see the example working: jsfiddle.net/g0utuxc7/1

Amin Jafari Over a year ago

you're welcome, it's a really nice idea, the thing you did! ;)

Harutyun Abgaryan · Accepted Answer · 2014-09-30 19:20:27Z

1

Try This

var modalExitDir = Array('top','right','bottom','left');
var item;

$('#modal-close-btn').click(function(){
 item= modalExitDir[Math.floor(Math.random()*modalExitDir.length)];
    $('#jobs-modal').animate({
        item : -100 + '%',
        opacity : 0.5},
        500, function() {
        $(this).removeAttr('style');
    });
});

answered Sep 30, 2014 at 19:20

Harutyun Abgaryan

2,0231 gold badge14 silver badges15 bronze badges

2 Comments

Caio Kawasaki Over a year ago

Here ir what i'm trying to do(your code is implemented): jsfiddle.net/g0utuxc7 , click in any "image" then it will open a modal, the problem is in cle close action, when close the direct to go should be random but it is nos working... Understand what i'm trying to say?

Harutyun Abgaryan Over a year ago

Sorry I did not understand (((

Collectives™ on Stack Overflow

jquery - How to put an array value into an animation?

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related