[jQuery] Re: prevent object from being clicked until animation is over

tx for tip. i did it like this and it works fine:

$('#gallery img').click(function() {
if ( !$('#gallery img').is(':animated') )
{...

On 1 Maj, 19:17, Ricardo <ricardob...@gmail.com> wrote:
> $(el).click(function(){
>    if ( $(this).is(':animated') )
>       return false;
>    //...
>
> });
>
> On May 1, 1:16 pm, slengteng <focu...@gmail.com> wrote:
>
> > As in topic. I have dynamic gallery containing just 3 elements:
>
> >http://szycha.kylos.pl/test/gal.htmlhttp://szycha.kylos.pl/test/js/ga...
>
> > Problem occures when image is clicked another time(you have to click
> > quick to see the problem) before end of animation. I think that
> > preventing it from being clicked would solve the problem but im not
> > sure.
>
> > Please help me find the solution
>
> > Code:
> > $(function() {
>
> >    $('#gallery img').click(function() {
>
> >          var zIn=$(this).css('zIndex');
>
> >          if(zIn==3){
> >                $(this).animate({"width":"365px","height":"265px"},
> > 300,function(){
> >                                                          $
> > (this).animate({"width":"363px","height":"262px"},500);}
> >                );
>
> >          }else{
>
> >                $(this).animate({   "left" : "0px",
> >                            "opacity" : ".05" }, 300,function() {
>
> >                                                 $(this).animate({
> >                                                                "top" :
> > "0px",
>
> > "opacity" : "1",
>
> > "width":"363px","height":"262px"
> >                                                 },300, function(){
> >                                                    $(this).css
> > ('zIndex', '3');
>
> >                                                    $('#gallery
> > img').not(this).each(function(j){
>
> >                                                             j++;
> >                                                             var
> > box_zIn=$(this).css('zIndex');
>
> >                                                                if
> > ( box_zIn==3 && zIn==2 ){ //click box 2
> >                                                                   $
> > (this).animate({    "left":"40px",
>
> > "height":"250px",
>
> > "width":"346px"
>
> >                                                                   },
> > 300).css('zIndex', '2');
> >                                                                }
> >                                                                if
> > (box_zIn==3 && zIn==1){          //click box 1
> >                                                                   $
> > (this).animate({    "left":"40px",
>
> > "height":"250px",
>
> > "width":"346px"
>
> >                                                                   },
> > 300).css('zIndex', '2');
> >                                                                }
> >                                                                if
> > (box_zIn==2 && zIn==1){          //click  box 1
> >                                                                   $
> > (this).animate({    "left":"75px",
>
> > "height":"240px",
>
> > "width":"333px"
>
> >                                                                   },
> > 300).css('zIndex', '1');
> >                                                                }
> >                                                    });
> >                                                 });
> >                                              }
> >                );
> >          }
> > //return false;
> >    });
>
> > });