jQuery: Hide popup if click detected elsewhere

by

You really could simplify this a bit I think:

// If an event gets to the body
$("body").click(function(){
  $(".popup").fadeOut().removeClass("active");
});

// Prevent events from getting pass .popup
$(".popup").click(function(e){
  e.stopPropagation();
});

Clicking on the popup, or any of its children will cause propagation to stop before it reaches the body.

Demo of stopping event-propagation: http://jsbin.com/ofeso3/edit

More Related Contents:

  1. How I show div by scale effect and give her text
  2. Problems inherent to jQuery $.Deferred (jQuery 1.x/2.x)
  3. How do you convert a jQuery object into a string?
  4. $.ajax – dataType
  5. Change Active Menu Item on Page Scroll?
  6. How to Display Selected Item in Bootstrap Button Dropdown Title
  7. Count characters in textarea
  8. jQuery advantages/differences in .trigger() vs .click()
  9. grid controls for ASP.NET MVC? [closed]
  10. How to wait 5 seconds with jQuery?
  11. Setting up the jQuery Mobile script
  12. jQuery get all divs which do not have class attribute
  13. Posting JSON data via jQuery to ASP .NET MVC 4 controller action
  14. Is it possible to use jQuery to read meta tags
  15. what is difference between success and .done() method of $.ajax
  16. Changing the position of Bootstrap popovers based on the popover’s X position in relation to window edge?
  17. jQuery: fire click() before blur() event
  18. Is there a jquery event that fires when a new node is inserted into the dom?
  19. jQuery object: to cache or not to cache?
  20. When using Ajax with jQuery DataTables, how do I determine what to do with the data returned?
  21. jQuery $(“.class”).click(); – multiple elements, click event once
  22. Different forms of $(document).ready
  23. Find all unchecked checkboxes in jQuery
  24. How can I add jquery ui autocomplete to a dynamically created element?
  25. Justify divs with CSS to fill width of parent container [duplicate]
  26. submitting multiple forms with AJAX
  27. JQuery.validate – one rule on blur only; the rest should be normal?
  28. While variable is not defined – wait
  29. jQuery css gradient
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment