Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 替代使用。在div/iframe上删除_Jquery_Html_Iframe - Fatal编程技术网

Jquery 替代使用。在div/iframe上删除

Jquery 替代使用。在div/iframe上删除,jquery,html,iframe,Jquery,Html,Iframe,目前我有一个链接,单击该链接会生成一个包含在DIV中的iframe。该DIV包含一个链接,单击该链接会将其隐藏 但是,我不想只是隐藏它,我希望iframe被“删除”,这样它就不会在后台运行 我理解。删除会执行此操作,但我无法再次生成它 这是当前的代码: $(document).ready(function() { $("#overlay").hide(); }); $("#ShowSlideshow").live('click', function() { $("#overla

目前我有一个链接,单击该链接会生成一个包含在DIV中的iframe。该DIV包含一个链接,单击该链接会将其隐藏

但是,我不想只是隐藏它,我希望iframe被“删除”,这样它就不会在后台运行

我理解。删除会执行此操作,但我无法再次生成它

这是当前的代码:

$(document).ready(function() {
    $("#overlay").hide();
});

$("#ShowSlideshow").live('click', function() {
    $("#overlay").show();
    $('#slideshow').html('<iframe border="0" frameborder="0" width="100%" height="100%" src="index.html"></iframe>').show()
});

$("#HideSlideshow").live('click', function() {
    $("#overlay").hide();
    $("#slideshow").hide();
});
$(文档).ready(函数(){
$(“#覆盖”).hide();
});
$(“#ShowSlideshow”).live('单击',函数()){
$(“#覆盖”).show();
$('#幻灯片放映').html('').show()
});
$(“#HideSlideshow”).live('click',function(){
$(“#覆盖”).hide();
$(“#幻灯片”).hide();
});
以下是分区:

<div id="overlay"><a href="#" id="HideSlideshow">Close Slideshow</a>
<div id="slideshow"></div>
</div>

您不想删除实际的幻灯片,只想删除幻灯片中的iframe。像这样:

$("#HideSlideshow").live('click', function() {
    $("#overlay").hide();
    $("#slideshow iframe").remove();
});

为IFrame提供一些ID并从Div中删除IFrame。。。然后它工作了

试试下面的

小提琴:

HTML:

<div id="overlay"><a href="#" id="HideSlideshow">Close Slideshow</a>

<div id="slideshow"></div>
</div>
<a href="#" id="ShowSlideshow">Show Slideshow</a>
$(document).ready(function() {
    $("#overlay").hide();
});

$("#ShowSlideshow").live('click', function() {
    $("#overlay").show();
    $('#slideshow').html('<iframe border="1" frameborder="1" width="100%" id="iframeshow" height="100%" src="http://www.green.org/"></iframe>').show()
});

$("#HideSlideshow").live('click', function() {
    $("#overlay").hide();
    $("#iframeshow").remove();
});

JQuery:

<div id="overlay"><a href="#" id="HideSlideshow">Close Slideshow</a>

<div id="slideshow"></div>
</div>
<a href="#" id="ShowSlideshow">Show Slideshow</a>
$(document).ready(function() {
    $("#overlay").hide();
});

$("#ShowSlideshow").live('click', function() {
    $("#overlay").show();
    $('#slideshow').html('<iframe border="1" frameborder="1" width="100%" id="iframeshow" height="100%" src="http://www.green.org/"></iframe>').show()
});

$("#HideSlideshow").live('click', function() {
    $("#overlay").hide();
    $("#iframeshow").remove();
});
$(文档).ready(函数(){
$(“#覆盖”).hide();
});
$(“#ShowSlideshow”).live('单击',函数()){
$(“#覆盖”).show();
$('#幻灯片放映').html('').show()
});
$(“#HideSlideshow”).live('click',function(){
$(“#覆盖”).hide();
$(“#iframeshow”).remove();
});