gpt4 book ai didi

jquery - 将外部 URL 加载到模态 jquery ui 对话框中

转载 作者:行者123 更新时间:2023-12-03 21:30:20 25 4
gpt4 key购买 nike

为什么这不将 ibm.com 显示为 400x500px 模式?该部分似乎是正确的,但它不会导致弹出模式出现。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.8.23.custom.css"/>

</head>

<body>

<p>First open a modal <a href="http://ibm.com" class="example"> dialog</a></p>

</body>

<!--jQuery-->
<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>

<script type="text/javascript">
function showDialog(){
$(".example").dialog({
height: 400,
width: 500,
modal: true
return false;
}
</script>

</html>

最佳答案

var page = "http://somurl.com/asom.php.aspx";

var $dialog = $('<div></div>')
.html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
.dialog({
autoOpen: false,
modal: true,
height: 625,
width: 500,
title: "Some title"
});
$dialog.dialog('open');

在函数内使用它。如果您确实想将外部 URL 作为 IFRAME 加载,那么这非常有用。还要确保在您的自定义 jqueryUI 中有该对话框。

关于jquery - 将外部 URL 加载到模态 jquery ui 对话框中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12137033/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com