Popup event issue

I am not able to listen any event related to popup. i tried everything but not succeed.

<div class="page-content">
  <div class="block">
    <!-- Open About Popup -->
    <p><a class="link popup-open" href="#" data-popup=".popup-about">Open About Popup</a></p>
  </div>
</div>
<div class="popup popup-about">
<div class="block">
  <p>About</p>
  <!-- Close Popup -->
  <p><a class="link popup-close" href="#">Close popup</a></p>
  <p>Lorem ipsum dolor sit amet...</p>
</div>
to listen event i used this at last. but i tried all kind of method.
        $$('.popup-about').on('popup:opened', function (e, popup) {
console.log('About popup opened');
});
  1. Check your HTML (block popup-about not have closing tag).
  2. Check for executing your script code block when add the listener.
1 Like