javascript - 将 div 附加到 iframe

Question

这段代码有什么问题:

jQuery('<iframe id="groundplan_popup" class="groundplan_hidden" />').appendTo("#popup_holder");
var iframe = jQuery("#groundplan_popup");
iframe.attr("src","::censored::" + filename);
var iframe_body = iframe.contents().find('body').append('<div id="groundplan_popup_exit"></div>');
var exit_btn_gp = iframe_body.append(jQuery("#groundplan_popup_exit"));

所以我必须动态创建一个 iframe 元素，它将在弹出窗口中打开 .pdf 文件，并且该部分可以工作。我无法做到的是在该 iframe 中创建一个 id 为“groundplan_popup_exit”的 div。我不知道为什么这不起作用以及我到底做错了什么。当我检查 iframe 窗口控制台时会显示此警告:

/deep/ combinator is deprecated. See https://www.chromestatus.com/features/6750456638341120 for moredetails.

不知道这是否与此不起作用的原因有关。

编辑:

这就是我的代码现在的样子。

控制台prtscr:

Iframe 控制台元素 prtscr:

所以我基本上对整个情况感到困惑，因为我一般没有使用 jquery 的经验，这是我第一次将它与 iframe 一起使用。我什至不确定 #groundplan_popup_exit div 是否已创建以及如何找到它(如果是)。

Answer 1

我发现一些问题:

var iframe_body = iframe.contents().find('body').append('<div id="groundplan_popup_exit"></div>');

这里您已经将元素附加到正文中。

var exit_btn_gp = iframe_body.append(jQuery("#groundplan_popup_exit"));

在上面附加之后，您尝试再次附加甚至不存在的 jQuery("#groundplan_popup_exit") 。

修复(未经测试)将是这样的:

var iframe_body = iframe.contents().find('body');
var exit_btn_gp = iframe_body.append('<div id="groundplan_popup_exit"></div>');