從打開的頁面隱藏一個iframe

我試圖隱藏一個iframe，但每次關閉它時，它都會關閉我在其中加載的頁面。所以，當我點擊打開iframe的按鈕時，它不會再打開。這裏是我的代碼：從打開的頁面隱藏一個iframe

<a href="#" id="vcasa1">click</a> 

<div id="casa001"> 
<iframe frameborder="5px" width="800px" height="630px" src="http://bienesraices.wall- fine.mx/casa001.html" name="CV-001" allowtransparency="true" style="background-color: transparent;" scrolling="no" noresize></iframe> 
</div>

我用這個功能來打開的iframe

$("#vcasa1").click(function(){ 
     $("#casa001").slideDown(1200); 
});

，這將其關閉

$("#cerrar001").click(function(){ 

     $("#CV-001").fadeOut(600); 

});

，這是「HTTP的代碼：/ /bienesraices.wall-fine.mx/casa001.html「頁

<body style="background-color: transparent;"> 
<div id="CV-001" class="clearfix"> 
<div style="width:700px; height:400px;"> 
<div class="black2-35"> 

    <div style="margin-left:635px; position:absolute;"> 
    <a href="#" id="cerrar001">Cerrar</a> 
    </div> 
    <div id="title"> 
    <h1><strong>asdasdasasdasd</strong><h1 /> 
    </div> 

    <h5><strong>asdasdasdasdasdsad</strong> 
casaaaaaaaaaaaaaaaaaaaaaaaaaasdasdaasdadsdasdasdasasdasda 
sdasdasdasdasdasdasdaasdasdasdasdasasdadsdasdasdasasdasdas 
dasdadasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasda</ h5> 
</div> 
</div> 
</div>

來源

2012-10-09 Fernando Fernandez Rodriguez

嘗試重新加載iFrame內容。對於不同的域：

var iframe = $(FrameId); 
iframe.attr('src', iframe.attr('src'));

如果iFrame的頁面上相同的域：

document.getElementById(FrameID).contentDocument.location.reload(true);

完整代碼（實際上不存在與重裝，所以你不需要任何重載任何問題）：

<html> 
    <head> 
     <title>hide/show iframe</title> 
     <script language="JavaScript" 
       type="text/javascript" 
       src="js/jquery-1.6.2.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $('#toggleIframe').click(function(){ 
        $('#myFrame').toggle('slow'); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <button id="toggleIframe">Toggle iFrame</button> 
     <iframe style="border:0px;" width="200px" height="200px" 
        src="test1.html" id="myFrame"/> 
    </body> 
</html>

您的iFrame HTML：

<html> 
    <head> 
     <title>hide/show iframe</title> 
     <script language="JavaScript" 
        type="text/javascript" 
        src="js/jquery-1.6.2.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $('#toggleIframe').click(function(){ 
        $('.content_wrapper').toggle('slow'); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <button id="toggleIframe">Toggle iFrame Content</button> 
     <div class="content_wrapper" style="background:green;"> 
      <h2>All content goes here</h2> 
     <div> 
    </body> 
</html>

這種方式可以切換iFrame的內容，但需要始終顯示切換按鈕，否則無法再顯示iFrame內容。

來源

2012-10-09 06:09:07

嗨ü可以請告訴我如何使用它的一個例子打開它？即時通訊仍然真的新與jquery感謝:) –

嗨，再次感謝，可以從打開的iframe頁面完成？因爲這就是我需要的按鈕即時通訊使用關閉iframe它的casa001.html內容，因爲你可以在代碼中看到我再次發佈感謝您的幫助 –

您可以關閉它，但沒有辦法打開它再次導致內容消失。但是你可以使用一個技巧，看看我的更新。 –

試試這個

<html> 
    <head> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script> 
    $(document).ready(function(){ 
    $('#show').click(function(){ 
     $('#frame').slideDown(); 
     }); 
    $('#show').hide(); 
    $('#mybtn').click(function(){ 
    $('#show').show(); 
    $('#frame').slideUp(); 
    }); 
    }); 
    </script> 
    </head> 

    <body bgcolor="#aaaaaa" style="text-align:center"> 
    <br> 
    <a id="mybtn" href="#">click me</a> 
    <br> 
    <div id="frame"> 
    <iframe src="http://www.w3schools.com/html/default.asp" frameborder="0" name="test" id="test"></iframe> 
    </div> 
    <a href='#' id='show'>Show</a> 
    </body> 
    </html>

的js小提琴：http://jsfiddle.net/YVHAF/

來源

2012-10-09 06:22:37 Subash

會這樣工作，如果我有「http://www.w3schools.com/html/default.asp」關閉按鈕，因爲我說我有我的casa001.html因爲這就是我需要再次感謝 –

您嘗試slideDown已經開業

退房Fiddle這裏的iframe。

先關閉iframe使用slideUp然後使用slideDown

來源

2012-10-09 06:28:02 Usman

嗨謝謝ive嘗試過這個，但沒有工作im從兩個分離的文件中調用函數來調用$（「＃vcasa1」）。live（'click'，function（）{（「＃casa001」）。slideDown（600 ）; $（「＃CV-001」）。fadeIn（1200）; }）;另一個稱爲$（「＃cerrar001」）。live（'click'，function（）{（「＃casa001」）。slideUp（1200）; $（「＃CV-001」）。淡出（600）; }）;也正如我所說im從不同的頁面加載iframe在主要indez頁面打開，但打開/casa001.html頁面 –

從打開的頁面隱藏一個iframe

回答

相關問題