如何在Foundation Apps中关闭弹出窗口

Question

used for dialog with text popup window, just do not know how it another click anywhere in the document to close. I use Foundation Apps

Source:

<i class="icon-help" zf-popup-toggle="popup"></i>
        <zf-popup id="popup" class="padding">
            text ....
        </zf-popup>

It is used, for example, some calls via jqueryIt is used, for example, some calls via jquery?

Thanks

Answer 1

You have to get the element via jQuery or Vanilla JavaScript, and then remove the class which sets the PopUp to display: true.

Here via AngularJS:

angular.element('#popup')[0].classList.remove('tether-enabled');

Or via jQuery:

$('#popup')[0].classList.remove('tether-enabled');

Call this line maybe on body.click or whenever you feel the need.