javascript - 想要放置一个按钮来关闭 iFrame，但按钮单击不起作用

Question

在我的基于 meteor 的应用程序中，我使用 I 框架向用户显示一些内容。它工作正常。但我想放置一个关闭按钮，单击该按钮即可从模板中卸载 Iframe。
我通过放置按钮尝试了下面给出的代码，但我无法获取其上的单击事件。意味着按钮单击不起作用。我是第一次使用 iframe。

这是卸载 iframe 的正确方法吗？
如果没有，我该如何卸载它，或者卸载 Iframe 的最佳方法是什么？

<template name="preview">
<div style='display:none'>
    <div id='preview' style='padding:10px; background:#fff;'>
    <button id="close_content_file">Close</button>
        <iframe frameborder="1" src="{{preview_url}}" align="left" width="100%" height="500px" >
        </iframe>
    </div>
</div>

Template.preview.events({
'click #close_content_file':function(){
    console.log(" previev butoon has been clicked");
    $("#preview").fadeOut();
},

});

我放置了 <button></button>在 div 中关闭或卸载 Iframe。但单击对该按钮不起作用。如果我将按钮放在隐藏的 div 中。按钮在那里工作。 Iframe 在整个屏幕上打开。意味着它覆盖了完整的屏幕作为引导模式对话框。我可以在 Iframe 本身中放置一个按钮吗？ 。帮助将是可观的

Answer 1

事件与按钮的绑定(bind)存在问题。使用这种方式。

 $("#close_content_file").bind("click", function() {
        //console.log(" previev butoon has been clicked");
        $("#preview").fadeOut();
    });