Html 弹出关闭Jquery mobile后删除iframe

我创建了一个简单的jquery移动网站，点击一个按钮，在弹出窗口中加载带有视频的iframe

我的问题是，关闭弹出窗口后，视频仍在播放

如何避免这种情况？

Jquery移动文档说这会发生，我应该听听popupafterclose事件。

但我该怎么做，有人能给我举个例子吗

问题演示：

HTML:

喋喋不休
喋喋不休

请注意，popup div id总是在变化，所以我不能仅仅调用一些javascript来杀死#testing2

我感谢你的帮助！ 当做

---

你应该试试这样的方法：

$("#testing").bind({
   popupafterclose: function(event, ui) {
     $(this).find('iframe').remove();
   }
});

---

对于popup div，您可以使用jQuery选择器

“[data role=“popup”]”

。要捕获popupafterclose事件，请从文档中将其委派，以便任何动态创建的弹出窗口都将触发该事件：

$(document).on( "popupafterclose", '[data-role="popup"]',  function( event, ui ) {
    $(this).find("iframe").prop("src", "");
});

在事件处理程序中，找到iframe元素并将其src prop设置为空字符串

---

它只在第一次单击时起作用，在第二次单击时，iframe src是空的，无用的。@PedroLobito，这是OP想要的，因为他/她正在动态创建弹出窗口。当你打开弹出窗口时，你可以通过多种方式将src设置为URL，这取决于你的站点是如何设置的。。。

$(document).on( "popupafterclose", '[data-role="popup"]',  function( event, ui ) {
    $(this).find("iframe").prop("src", "");
});