php 用jqery弹出dialog url
时间: 2023-12-10 14:40:15 浏览: 82
可以使用以下代码来弹出一个 dialog 模态框,其中包含一个 URL 地址:
```php
<!DOCTYPE html>
<html>
<head>
<title>弹出 Dialog 模态框</title>
<script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button id="open-dialog">打开 Dialog 模态框</button>
<div id="dialog" title="Dialog 模态框" style="display: none;">
<iframe src="http://www.example.com"></iframe>
</div>
<script>
$(document).ready(function() {
$("#open-dialog").click(function() {
$("#dialog").dialog({
autoOpen: true,
modal: true,
width: 800,
height: 600
});
});
});
</script>
</body>
</html>
```
这里使用了 jQuery UI 的 dialog 组件来实现模态框的效果。点击按钮后,弹出一个 dialog 模态框,其中包含一个 iframe 元素,它的 src 属性设置为需要展示的 URL 地址。你可以根据需要调整弹出框的宽度和高度。
阅读全文