javascript - bpopup onClose 回调事件不起作用

Question

回调事件不会在通过模态、关闭按钮和 esc 关闭弹出窗口时触发
我已经尝试将其添加到准备就绪的文档中，并且在单击触发器时它们都起作用了

 $('.flipvideowrap').bind('click', function(e) {
                  e.preventDefault();
                   $('#element_to_pop_up').bPopup({
                    appendTo: 'form'
                    , zIndex: 1001
                    , easing: 'easeOutBack'              
                    , speed: 450
                    , transition: 'fadeIn'
                    , appendTo:'body'                
                    , closeClass: 'b-close'
                    , modalClose: true
                    , modalColor: '#fff'
                    , model: false   
                    ,escClose:true         
                    , position: ['auto', 42] //x, y
                  });
                   $("video").trigger("play");

                    $('#element_to_pop_up').bPopup({ onClose: function(){
                      console.log('closed');
                        var myPlayer = videojs('look_video');
                        myPlayer.pause();
                   }});

                });

Answer 1

看起来您的代码实际上触发了两次弹出。试试这个:

$('.flipvideowrap').bind('click', function(e) {
              e.preventDefault();
               $('#element_to_pop_up').bPopup({
                appendTo: 'form'
                , zIndex: 1001
                , easing: 'easeOutBack'              
                , speed: 450
                , transition: 'fadeIn'
                , appendTo:'body'                
                , closeClass: 'b-close'
                , modalClose: true
                , modalColor: '#fff'
                , model: false   
                ,escClose:true         
                , position: ['auto', 42] //x, y
                , onClose: function(){
                  console.log('closed');
                    var myPlayer = videojs('look_video');
                    myPlayer.pause();
               }
              });
               $("video").trigger("play");
            });