2012-06-20 2 views
1

Как я пишу, если заявление в JQuery:JQuery, если заявление и удалить IFRAME

Если пользователь нажимает на изображение div#ProductImages > img затем скрыть/удалить IFRAME?

Это то, что я есть: (мой код будет добавлять Видеосервис YouTube в папку сНу на странице)

Мне нужно удалить IFRAME, как только пользователь начинает снова нажав на изображение.

var $video=$('div.icon iframe'); 
var $productImage=$('.product-image'); 
var $icon=$('.icon'); 
$icon.on('click',function() 
{ 
    $('.product-image').append($video); 
}); 

EDIT: жаль, что я имел в виду удалить http://jsfiddle.net/t7qMF/1/

+0

Скрыть или удалить? это две очень разные вещи (одна - это CSS, а другая - удаление элемента DOM целиком из существования). – Duniyadnd

+0

Если вы хотите скрыть, установите его '.style.display =" none "' –

+1

Фактически «display = 'none'" удаляется из дерева DOM (но не DOM). "visibillity = 'hide'" скрывается :-) – Guidhouse

ответ

3

Чтобы скрыть:

$('#my-iframe').hide(); 

Для удаления:

$('#my-iframe').remove(); 

Это не ясно из вашего примера, что логики вы пытаетесь разместить где.

Но вам нужен какой-то прослушиватель кликов.

$('#my-image').click(function() { 
    // hide or remove iframe 
}); 
+0

его удалить, что я хотел, просто протестировал это, спасибо –

0

Append в $ видео и переключения visibillity

var $video=$('div.icon iframe'); 
var $productImage=$('.product-image'); 
var $icon=$('.icon'); 
$('.product-image').append($video); 
$icon.on('click',function() 
{ 
    $video.toggle(); 
}); 

Я надеюсь, что я понял вас правильно

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