從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(); 
    }); 
});