Javascript: function doesnt work even though condition is met (hard for me to explain)

by

welcome to StackOverflow.

You should take more precautions when writing your question, and make sure that it is written in good English, and in a way so that someone who does not priorly know what you want to achieve can understand your goal when reading the question.

I’m gonna try to answer to the parts I think I understand.

if the div has that class it then X function (in this case it’s fadeout) happens

What I understand is that you would like to trigger the execution of function X when the <div> receives a class (clicked?).

Watching a DOM element’s class value changes in Javascript is a problem that doesn’t seem to have a reliable solution. (See related questions.)

thus clicking on it makes X function happen.

Maybe your goal is actually simpler. If you only want to trigger the execution of a function when you click on the <div>, then you’ll have to look at mouse event handlers, especially .click() that allows to

Bind an event handler to the “click” JavaScript event

More Related Contents:

  1. Check if an image is loaded (no errors) with jQuery
  2. jQuery $(document).ready and UpdatePanels?
  3. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  4. Can I find events bound on an element with jQuery?
  5. Getting value of select (dropdown) before change
  6. How can I detect pressing Enter on the keyboard using jQuery?
  7. What is the difference between the mouseover and mouseenter events?
  8. How to fire an event on class change using jQuery?
  9. Long Press in JavaScript?
  10. Event when user stops scrolling
  11. jQuery scroll() detect when user stops scrolling
  12. Fire jQuery event on div change
  13. Alternative to jQuery’s .toggle() method that supports eventData?
  14. How to bind Events on Ajax loaded Content?
  15. Event delegation vs direct binding when adding complex elements to a page
  16. How to stop events bubbling in jQuery? [duplicate]
  17. HTML5 dragleave fired when hovering a child element
  18. window.resize event firing in Internet Explorer
  19. jQuery change event on not firing in IE
  20. jQuery event delegation
  21. How to detect if the user clicked the “back” button
  22. jQuery event that triggers after CSS is loaded?
  23. Open Select using Javascript/jQuery?
  24. Prevent firing focus event when clicking on div
  25. Bind events on dynamic created elements inserted by AJAX (check box)
  26. Catch scrolling event on overflow:hidden element
  27. Trigger for span text/html on changed
  28. jQuery .on() method doesn’t see new elements
  29. Cancel click event in the mouseup event handler
  30. jQuery event bubbling

Leave a Comment