从Iframe关闭jQuery UI对话框
的方法可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery和jQuery UI库。
- 创建一个包含jQuery UI对话框的HTML页面，并在页面中添加一个Iframe元素，用于显示内容。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="dialog" title="对话框标题">
<iframe id="iframe" src="https://example.com"></iframe>
</div>
<script>
$(document).ready(function() {
$("#dialog").dialog({
autoOpen: false,
modal: true,
width: 800,
height: 600
});
$("#open-dialog").click(function() {
$("#dialog").dialog("open");
});
$("#close-dialog").click(function() {
$("#dialog").dialog("close");
});
});
</script>
</body>
</html>- 在JavaScript代码中，使用jQuery选择器选中对话框元素，并调用
dialog()方法创建对话框。设置autoOpen为false以便初始时不显示对话框。使用modal选项创建一个模态对话框，禁止用户与页面其他部分进行交互。可以根据需要设置对话框的宽度和高度。 - 在页面中添加一个按钮或其他元素，用于打开对话框。通过调用
dialog("open")方法来打开对话框。 - 如果要在Iframe中关闭对话框，可以在Iframe页面中添加一个按钮，并使用JavaScript代码来关闭对话框。
<button id="close-dialog" onclick="parent.closeDialog()">关闭对话框</button>function closeDialog() {
parent.$("#dialog").dialog("close");
}在Iframe页面中，通过调用parent.closeDialog()方法来关闭父页面中的对话框。
这样，当点击Iframe页面中的"关闭对话框"按钮时，将会关闭父页面中的jQuery UI对话框。
相关·内容
1回答
jquery对话框有两个问题：
function openNewEvent() {
var page
浏览 1提问于2018-04-27得票数 2
回答已采纳
2回答
我通过IFrame使用了jquery ui对话框，并将URL值传递给了IFrame。因此将在Iframe对话框中打开新页面。请帮帮忙。
浏览 0提问于2012-01-13得票数 0
4回答
我实现了以下代码，用于在jQuery对话框中上传照片(使用iframe)。="0" src="Upload.aspx"></iframe>，这是父页面上的jQuery代码，负责打开对话框。width: 300, autoOpen: true,
close: functio
浏览 4提问于2010-12-08得票数 25
回答已采纳
我使用的是bootstrap，它使用jquery对话框。如果对话框的z-index设置为1或更多，则可以在独立脚本中正常工作。但是，当我在iframe中调用相同的脚本时。然后，该对话框显示在同一页面上其他元素的下方。奇怪的是，如果我试图关闭对话框，我无法关闭，因为半透明层似乎在对话框本身的顶部。 z-index:99999999 !important;.ui-d
浏览 0提问于2014-03-06得票数 0
我有以下代码，但当我在外部单击时，对话框并未关闭。有什么帮助吗？当我按下退出键时关闭对话框 resizable: false, height: "auto",
open: fun
浏览 0提问于2014-08-19得票数 0
3回答
现在，我有一个带有<iframe>的jQuery UI对话框。当用户按下按钮时，对话框弹出，并在iframe中显示表单编辑屏幕。那么，如何从父页面将事件附加到iframe内的cancel按钮呢？我还假设您需要以某种方式将一个事件附加到iframe</e
浏览 2提问于2010-07-23得票数 0
回答已采纳
我有一个行为不端的UI结构，我想知道添加一些眼睛是否会帮助我看到我遗漏的东西，或者，如果失败，可以帮助我找到解决方法。
我有一个页面，它加载了一个包含iframe的jquery UI模式对话框。该iframe加载一个页面，该页面可以打开包含另一个iframe的另一个模式。嵌套的iframe包含一个页面，该页面带有一个关闭当前模式的按钮。但是，该按钮不起作用。此外，实际上在page2中有一个关闭iframe</
浏览 2提问于2017-02-07得票数 0
1回答
我有一个HTML链接，它打开一个jQuery模式对话框，其中包含一个iFrame。此iFrame包含一个应在回发后关闭对话框的窗体(Ok或Cancel)。在我的回发中，我向iFrame添加了一个Javascript函数，它关闭了对话框，并且运行良好。但是问题是，用户按下Ok或Cancel按钮后，对话框就会关闭并再次打开！我做错了什么？-1.7.1.min.js"></
浏览 0提问于2012-03-05得票数 1
回答已采纳
我有一个按钮，当用户单击时，它会弹出带有iframe的对话框，该对话框加载详细信息页(见下文)。我能够关闭这个弹出在右上角的X按钮，但我也喜欢关闭这个弹出框时，用户点击外弹出框。我看到jQuery代码可以在用户单击外部时关闭DIV，但是DIV必须是静态的。下面的OpenIframe函数代码是通过用户单击动态创建DIV的，因此我不知道如何在用户单击外部时关闭它。我的jQuery代码可以用iFrame打开对话框<
浏览 0提问于2014-08-22得票数 1
回答已采纳
1回答
我创建了一个JSP页面，它使用jQuery打开一个对话框。JSP (div)：<iframe id="inlineframe>jQuery：
$("#inlineframe").attr("
浏览 0提问于2014-03-22得票数 1
回答已采纳
1回答
我尝试了很多方法来解决PDF iFrame重叠jQuery对话框的z索引问题，但它仍然不起作用。类似于"“问题，我在IE中有相同的问题，下面是我的问题的截图：下面是生成对话框的jQuery代码：- $("#pdf
浏览 1提问于2014-02-03得票数 4
我有一个网页，我在其中打开一个对话框，其中显示了另一个网页。当我点击这个子网页上的submit按钮时，它就会加载到浏览器窗口中。在父页面上，我有一个用来加载子页面的div。<div id="divMyDialog" title="Child Dialog Title">在jQuery文件中，我有以下内容：
$("#divMyDialog").dialog(FirstID+ "&SecondID=" +
浏览 0提问于2011-11-30得票数 1
3回答
我向一个链接添加了一个css类，当单击它时将关闭jquery ui对话框，但我希望它重定向到一个页面(在iframe中)并关闭对话框。
$(".hide").bind("click", function(){
浏览 0提问于2012-06-19得票数 0
回答已采纳
2回答
我的页面结构就像那么，我是否可以在我的html页面的$(document).ready(fun
浏览 0提问于2011-03-30得票数 1
回答已采纳
1回答
这将在jquery对话框中打开一个iframe。当对话框打开时，用户必须等待下载文件。下载文件后，我想关闭对话框。 async: false, success: function(json) {});<div id="dia
浏览 3提问于2015-11-19得票数 0
我打开了一个jquery ui对话框，里面有一个iframe。我不想让iframe重新加载...
有什么想法吗？
浏览 0提问于2017-04-03得票数 0
现在我想要关闭弹出页面( page2.aspx )，或者想要在用户单击page2.aspx中的Cancel按钮(ButtonCancel)时关闭ModalPopupExtender。我知道用户可以使用ModalPopupExtender的'CancelControlID‘属性关闭它。但是不知道如何在一个新的aspx页面上处理它。<asp:Panel ID="Panl1" runat="server" CssClass="Popup" align="cent
浏览 45提问于2021-07-30得票数 0
回答已采纳
2回答
我正在尝试隐藏从iFrame生成的关闭按钮。('<iframe id="dialogFrameWindow" width="900"
height="500" marginWidth="0" marginHeight="0" frameBorder(this).closest(".ui-
浏览 0提问于2014-11-01得票数 2
实际上，我将把这个表单放在iframe中(在jQuery UI模式对话框中)。当保存iframe中的表单时，我需要做两件事：
更新主<select>文档的中的内容列表。
浏览 1提问于2013-08-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
