jqery弹出框
时间: 2023-11-05 11:04:14 浏览: 68
你可以使用 jQuery UI 库中的 Dialog widget 来创建弹出框。以下是一个简单的示例:
HTML:
```html
<button id="open-dialog">打开弹出框</button>
<div id="dialog" title="提示">
<p>这是一个弹出框</p>
</div>
```
JavaScript:
```javascript
$(document).ready(function() {
// 初始化弹出框
$('#dialog').dialog({
autoOpen: false, // 初始时不显示
modal: true, // 模态窗口,禁止用户操作其它页面元素
buttons: { // 自定义按钮
"确认": function() {
$(this).dialog("close");
}
}
});
// 点击按钮打开弹出框
$('#open-dialog').click(function() {
$('#dialog').dialog('open');
});
});
```
你可以根据自己的需求修改弹出框的样式和功能。
阅读全文