jquery: this.not (':animated') && that.is (':visible') not following the rules, syntax problem? only few lines of code

javascript jquery if-statement visible animated
android.nick picture android.nick · Oct 25, 2010 · Viewed 13.1k times · Source

when i click on #button, it's stilling doing the 'do something', even though .wrapper is animating and .wrapper span is not visible. so it's not following the rules. what's wrong?

$('#button').click(function(){
  if(
    $('.wrapper').not(':animated') && $('.wrapper span').is(':visible')
  ) {
    //do something
  }
})

Answer

Nico Westerdale picture Nico Westerdale · Jun 22, 2012

This is a bit cleaner without the if statements. working demo

$('#button').click(function(){ 
    $('.wrapper').filter(':animated').text("animating...");
    $('.wrapper').filter(':not(:animated)').text("not animating...");
})

​

Related questions

How to negate code in "if" statement block in JavaScript -JQuery like 'if not then..'

For example if I want to do something if parent element for used element hasn't got ul tag as next element, how can I achieve this? I try some combination of .not() and/or .is() with no success. What's the …

Read More
Check if mousedown with an if statement?

Is it possible to do something like this: if ($(this).mousedown() == true) { I thought that would work but it doesn't. Additional details: I'm trying to check if the mouse button is down when the mouse leaves a specific DIV, so …

Read More
Check if mouse is inside div

I want to use an if statement to check if the mouse is inside a certain div, something like this: if ( mouse is inside #element ) { // do something } else { return; } This will result in the function to start when the mouse …

Read More