Javascript 在jQuery对话框中使用响应iframe
因此，我试图在对话框内部添加一个响应iframe 这是我的出发点：它只显示一个按钮，单击该按钮即可显示一个iframe。但是，iframe没有响应，并且不随页面调整大小 使用来自的指导，我使用了一些漂亮的CSS容器样式，使iframe具有响应性。另外，使用iframe类，我可以将高度设置为120%，以剪辑iframe显示的底部（我想要）。这是你的电话号码 最后，我尝试将第二部分代码移动到jQuery对话框中。我可以添加iframe，使内容具有响应性，但是看起来没有应用iframe类，并且您仍然可以看到对话框中显示的iframe显示的底部 我需要该对话框显示与Fiddle2中相同的内容（没有iframe页脚的响应） ……有什么想法吗Javascript 在jQuery对话框中使用响应iframe,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,因此，我试图在对话框内部添加一个响应iframe 这是我的出发点：它只显示一个按钮，单击该按钮即可显示一个iframe。但是，iframe没有响应，并且不随页面调整大小 使用来自的指导，我使用了一些漂亮的CSS容器样式，使iframe具有响应性。另外，使用iframe类，我可以将高度设置为120%，以剪辑iframe显示的底部（我想要）。这是你的电话号码 最后，我尝试将第二部分代码移动到jQuery对话框中。我可以添加iframe，使内容具有响应性，但是看起来没有应用iframe类，并且您仍然可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<title>iframe</title>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button type="button" id="btn1">Button 1</button>
<div id="iFrameDiv" class="iframe-container">
<iframe style="display:none;" id="myframe1" src="https://app.powerbi.com/view?r=eyJrIjoiMjJlYTYwODktYjU2NS00ZjZiLTg1YTktNDRlZjgzNzFmN2U5IiwidCI6ImRjOWNhZGMxLTJhZTItNGM0YS04MzIwLThlOTViMDAzNGI5NiJ9" ></iframe>
</div>
</body>
</html>
$( "#myframe1" ).dialog({
autoOpen: false,
resizable: true
});
$( "#btn1" ).click(function() {
$( "#myframe1" ).dialog( "open" );
});
.iframe-container {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 120%;
left: 0;
position: absolute;
top: 0%;
width: 100%;
}
iframe
按钮1
$（“#myframe1”）。对话框（{
自动打开：错误，
可调整大小：true
});
$（“#btn1”）。单击（函数（）{
$（“#myframe1”）。对话框（“打开”）；
});
.iframe容器{
溢出：隐藏；
垫面：56.25%；
位置：相对位置；
}
.iframe容器iframe{
边界：0；
身高：120%；
左：0；
位置：绝对位置；
最高：0%；
宽度：100%；
}
display:none默认情况下