HTMLポップアップでYouTubeビデオを再生していますが、ポップアップを削除するボタンをクリックすると、YouTubeを含めてポップアップを削除したいと考えています。
$(".ei-popup-overlay").remove();
ただし、html レイヤーのみが削除され、YouTube ビデオは削除されません。
htmlポップアップ、
<div class="ei-popup-overlay">
<div class="ei-popup-content-holder">
<a href="#" class="ei-button-popup-close hide-text">x</a>
<div class="ei-popup-content">
<iframe src="http://www.youtube.com/embed/c-gARuGBSdw?autoplay=1" frameborder="0" width="800" height="490"></iframe> </div>
</div>
</div>
jquery、
(function($){
$.fn.extend({
video_player: function(options) {
var defaults = {
button: null,
}
var options = $.extend(defaults, options);
var o = options;
var $this = this;
// Attach click function.
return this.click(function(){
...
$.ajax({
type: "GET",
url: "popup.php?url=" + request,
dataType: "html",
success: function (html) {
// Prepend html into the target element.
$('body').prepend(html);
},
complete: function () {
$(".ei-button-popup-close").click(function(){
$(".ei-popup-overlay").remove();
return false;
});
}
});
return false;
});
}
});
})(jQuery);
私が見逃したアイデアはありますか?