Question

我试图找出一种方法来使用jquery切换来加载iframe。我可以让iframe切换，但iframe每次都被截断，只显示约20％的iframe。其余的都是截止的。

http://jsfiddle.net/purpletenspeed/0dvdye07/2/

任何帮助都将非常感谢!!!

HTML

<ul <li> <a href="#" class="show_hide"> Toggle </a>

<div class="slidingDiv">
    <iframe title="Launch Chat" width="500" height="600" src="https://home-c4.incontact.com/inContact/ChatClient/ChatClient.aspx?poc=8824e96a-2f91-4dbd-b9c0-eaf91a26bd48&bu=12" frameborder="0 </iframe>
</div>
</li>

JavaScript：

$(document).ready(function () {

$('.show_hide').click(function () {
    $(".slidingDiv").toggle();
});

});

CSS

.slidingDiv {
height: 600px;
width: 300;
padding: 10px;
margin-top: 10px;
display:none
}

Answer 1

你的.slidingDiv css中存在问题。使宽度和高度与iframe匹配：

.slidingDiv {
height: 600px;
width: 500px;
padding: 10px;
margin-top: 10px;
display:none
}

这是fiddle

jquery切换切断iframe

1 个答案: