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

【问题标题】：Want to place a button to close the iFrame, but button click is not working想要放置一个按钮来关闭 iFrame，但是按钮单击不起作用
【发布时间】：2013-12-27 12:34:39
【问题描述】：

在我的基于流星的应用程序中，我使用 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();
},

});

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

【问题讨论】：

标签： javascript jquery iframe meteor meteorite

【解决方案1】：

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

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

【讨论】：

我的问题是按钮点击没有发生。我正在单击按钮，但未调用该函数。我用 Alert 和 console.log 进行了尝试。但没有调用函数
按钮点击只有在与事件正确绑定时才会发生。所以尝试以这种方式绑定。
好的，让我检查并尝试一下。实际上，meteor 提供了自己的实现来检测点击和其他事件。让我看看如何在 Metero 中使用 jquery 函数调用

【解决方案2】：

我不知道你使用的是哪个 JS 库，而且我对这个有点困惑

<div style='display:none'>

但我做了一些修改，所以它可以很好地与 jQuery 一起使用，这是链接http://jsfiddle.net/QHxac/

【讨论】：

我正在使用 Meteorjs。我正在使用该 div 来隐藏内容。当用户单击预览按钮时，div 开始显示并在 div 内打开 iframe
@SajidAhmad 对不起，我对 Meteorjs 不熟悉，当你在浏览器中执行你的 js 时，控制台中是否有任何异常日志？或者你能在 js fiddle 上做一个类似的版本，所以我们可以帮助你吗？
不，日志中没有异常。一切正常，没有任何异常或错误。只是这个方法没有在点击时调用。还有谢谢梅林
可以试试jQuery或者原生JS来绑定这个点击事件。这可能是我最后的建议，对不起，我无法为您提供更多帮助:)
感谢梅林的宝贵建议。我会按照你给我的方式尝试。