Comments on: Hide popup when clicking outside

By: Mihai

Mihai — Sat, 30 Jun 2018 16:29:13 +0000

First, the “function (e) ” should be “function (event) “;
Second, this will hide your .modal, when .modal_wrapper is clicked, and I presume that .modal_wrapper is full screen width and height and that .modal is centred inside.
This will work in this particular case.

How about if instead of the modal, which has a wrapper that covers the entire screen so anything else in the page is basically un-clickable, you want to hide some sort of dropdown or tooltip?

Thanks for the comment.

By: Dastan

Dastan — Sat, 09 Jun 2018 03:42:11 +0000

$(document).on(‘click touch’, function (e) {
if ($(event.target).hasClass(‘modal_wrapper’)) {
$(‘.modal’).fadeOut();
}
});

By: shailesh

shailesh — Tue, 05 Sep 2017 08:31:31 +0000

it’s working fine.

By: Mohammad Anzar

Mohammad Anzar — Fri, 25 Aug 2017 10:00:45 +0000

Thank you so much. It worked for me