Хотите разместить кнопку, чтобы закрыть iFrame, но кнопка не работает

В моем приложении, основанном на метеоритах, я использую I-кадр для отображения некоторого содержимого пользователю. Он работает правильно. Но я хочу поместить кнопку закрытия, которая выгружает Iframe из шаблона при нажатии.
Я попробовал это, как в приведенном ниже коде, поместив кнопку, но я не могу получить событие клика на нем. означает, что нажатие кнопки не работает. Я работаю с 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 открывается на весь экран. означает, что он закладывает полный экран в качестве загрузочного модального диалога. Можно ли поместить кнопку в сам Ифраметр? , помощь будет заметна

источник

2013-12-10 Sajid Ahmad

Существует проблема со связыванием события с кнопкой. Используйте этот способ.

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

источник

2013-12-10 07:52:25 Priyank

Моя проблема в том, что кнопка не нажата. Я нажимаю кнопку, но функция не вызывается. Я попробовал это с помощью Alert и console.log. но функция не называется –

нажатие кнопки происходит только в том случае, если она правильно привязана к событию. поэтому попробуйте связать этот путь. – Priyank

Хорошо, позвольте мне проверить и попробовать. Фактически метеор обеспечивает собственную реализацию для обнаружения кликов и других событий. lemme se Как я могу использовать вызов функции jquery в Metero –

Я не знаю, какой JS Lib вы используете, а также я немного запутался о

<div style='display:none'>

, но я делаю немного модификации так он отлично работает с JQuery, здесь ссылка http://jsfiddle.net/QHxac/

источник

2013-12-10 07:56:47 Merlin

Я использую Meteorjs. и я использую этот div, чтобы скрыть содержимое. когда пользователь нажимает кнопку предварительного просмотра, которая начинается с div, и Iframe открывается внутри div –

@SajidAhmad извините, я не знаком с Meteorjs, когда вы выполняете js в браузере, есть ли какой-либо журнал исключения в консоли? или вы могли бы сделать аналогичную версию на js скрипке, чтобы мы могли помочь вам? – Merlin

Нет, в журнале нет исключения. все работает нормально, без каких-либо исключений или ошибок. просто этот метод не вызывает щелчок. and thanx merlin –

Хотите разместить кнопку, чтобы закрыть iFrame, но кнопка не работает

ответ

Смежные вопросы