使用单击事件绑定Photoswipe关闭按钮失败

时间:2015-01-09 04:30:54

标签: javascript jquery

Photoswipe关闭按钮没有点击事件?

这适用于一般情况。我已经尝试过事件preventDefault,事件委托,使用内联样式,如onclick = function(),仍然无法正常工作。

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

完整代码查看http://codepen.io/eldyvoon/pen/zxNEjV

2 个答案:

答案 0 :(得分:0)

你的选择器错了。将'.pswp__button pswp__button--close'替换为'.pswp__button.pswp__button--close'

试试这个

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

WORKING DEMO

答案 1 :(得分:0)

您可以从 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);