Javascript 如何在iFrame中添加原始关闭按钮？

我使用jQuery模式窗口插件：。
我已经实现了iFrame，当我点击一个特定的地方时，它就会出现

---

我想做什么 当iFrame打开时，我需要一个关闭按钮。
但我想做原来的关闭按钮。像这样：

---

代码 jQuery

$(document).on('click', '.item1', function (event) {
  $(".item1").click(function (event) {
    event.preventDefault();
    $("#iframe").iziModal('open');
    $('#modal').iziModal('open', {
      iframeURL: $(this).data('href')
    });
  });
  $("#modal").iziModal({
    iframe: true,
    width: '98%',
    iframeHeight: 650,
    zindex: '110',
    iframeURL: "data.html",
    group: 'works',
    overlayColor: 'rgba(0,0,0,0.1)',
    closeButton: false
  });
  $(".item1").off('click');
});

---

我试过的

$（文档）.on（'opened'，'#modal'，函数（clsbtn）{
var clsbtn=$（''）.addClass（'clsbtn'）；
美元（本）。之前（clsbtn）；
})

如果我关闭iFrame，它将永远显示。

---

此外，这将在iFrame外部创建一个按钮

关闭按钮需要两件事：

此选项默认为

true

…在OP（Opriginalpost）中，它被显式设置为

false

---

html{
字体大小：62.5%；
}
.名单{
显示：网格；
网格模板列：1fr；
}
#项目{
显示：网格；
网格间距：3.8雷姆4.6雷姆；
网格模板列：重复（自动拟合，最小值（170px，1fr））；
}
.项目{
文本对齐：居中；
}
.项目img{
宽度：100%；
高度：自动；
}
.项目h2{
字体大小：1.6rem；
保证金上限：1.6雷姆；
保证金底部：1.5雷姆；
}
.项目p{
字体大小：1.5rem；
保证金底部：0.8雷姆；
}
.项目h2，
.项目p{
文本对齐：左对齐；
}

标题1
说明1说明1

标题2
描述2描述2

标题3
描述3描述3

标题4
描述4描述4

标题5
描述5描述5

接近
addclass
将是
addclass
@AnuragSrivastava啊！非常感谢你。但是，我仍然无法添加原始的关闭按钮..我怀疑您想要
before（）
，并且可能想要
prepend（）
，所以按钮在
#modal
@charlietfl中这是真的！当我用颜色检查它时，它被正确地添加到
#modal
之前。但即使在关闭iFrame之后，它仍然会永远存在并且不会消失。@POP您的插件选项如下：
closeButton:false
将其更改为
true
非常感谢。目前，关闭按钮在打开第一个模式之前显示，但是有什么措施吗？我想让关闭按钮显示为“按悬停”，但它不起作用。我该怎么办？我现在有这种感觉。->每个帖子一个问题。在新的帖子上提出你的新要求。哦，我明白了。谢谢。@POP当你发布下一个问题时，你可以在这里发表评论通知我。快乐编码。
$(document).on('opened', '#modal', function(clsbtn) {
  var clsbtn = $('<button>').addClass('clsbtn');
  $(this).before(clsbtn);
})

 $("#modal").iziModal({
    iframe: true,
    width: '98%',
    iframeHeight: 300,
    zindex: '110',
    iframeURL: "https://css-tricks.com/",
    group: 'works',
    overlayColor: 'rgba(0,0,0,0.1)',
    closeButton: true //========== closeButton ======================| ADDED |
    ...

<div id="modal">
  <button data-izimodal-close="">Close</button> <!========| ADDED |=====-->
 </div>