从DOM中删除框架 - 有没有更好的方法？

Question

我想摆脱关闭弹出窗口后在后台播放的视频。现在，我有什么是这样的：

jQuery(function(){ 
    jQuery('.slider-links .modalClick').on('click', function(event) { 
     event.preventDefault(); 
     jQuery('#overlay') 
      .fadeIn() 
      .find('#modal') 
      .fadeIn(); 
    }); 

    jQuery('#modal .close').on('click', function(event) { 
     event.preventDefault(); 
     jQuery('#overlay') 
      .fadeOut() 
      .find('#modal') 
      .remove(); 
    }); 
}); 

使用remove方法来摆脱保持在后台播放视频，但是，这不是我想要的东西，因为这种方式不允许再次点击链接，所以我的问题是;有没有更好，更干净的方法来做到这一点？感觉有点傻，问这个问题，但我现在不知道该在什么时候寻找答案。

Answer 1

我会停止视频和fadeOut#modal。

jQuery('#modal .close').on('click', function(event) { 
    event.preventDefault(); 
    jQuery('#overlay') 
     .fadeOut() 
     .find('#modal') 
     .fadeOut(); 
    $('#overlay video')[0].pause(); 
}); 

Answer 2

你可以做的是停止视频的模式接近像

jQuery(function ($) { 
    $('.slider-links .modalClick').on('click', function (event) { 
     event.preventDefault(); 
     $('#overlay') 
      .fadeIn() 
      .find('#modal') 
      .fadeIn(); 
     $('#overlay video')[0].play(); 
    }); 

    $('#modal .close').on('click', function (event) { 
     event.preventDefault(); 
     $('#overlay') 
      .fadeOut() 
      .find('#modal') 
      .fadeOut(); 
     $('#overlay video')[0].stop(); 
    }); 
});