CODEWITHSUNDEEP
javascriptjquery
John St
John St

Reputation: 269

bind Photoswipe close button with click event failed

Photoswipe close button did not fire with click event?

This worked on general case. I've tried event preventDefault, event delegate, use inline style like onclick=function(), still doesn't work.

$(document).on('click', '.pswp__button pswp__button--close' , function(){
  alert('d'); // did not fire?
});

full code look here http://codepen.io/eldyvoon/pen/zxNEjV

Upvotes: 0

Views: 1320

Answers (2)

devzom
devzom

Reputation: 716

You can listen to event from Photoswipe (PSWP)

document.querySelector('.pswp').addEventListener('pswpTap', function (e)
{
    // event 'pswpTap' handle all click events on whole Photoswipe container
    console.log(e)
    /* 
    //You can prevent any event
    e.preventDefault();
    e.stopPropagation();
    */
}, true);

Upvotes: 0

Cerlin
Cerlin

Reputation: 6722

your selector is wrong. replace '.pswp__button pswp__button--close' with '.pswp__button.pswp__button--close'

try this

$(document).on('click', '.pswp__button.pswp__button--close' , function(){
    alert('d');
});

WORKING DEMO

Upvotes: 1

Related Questions