<!doctype html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 对话框(Dialog) - 模态</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<style>
body { font-size: 62.5%; }
</style>
<script>
$(function() {
$( "#dialog-form" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"是": function() {
},
"否": function() {
}
},
close: function() {
}
});
$( "#create-user" ).button().click(function() {
$( "#dialog-form" ).dialog( "open" );
});
});
</script>
</head>
<body>
<div id="dialog-form" title="提示">
<p style="font-size: 16px;">是否创建?</p>
</div>
<button id="create-user">创建新用户</button>
</body>
</html>
jquery 对话框(Dialog)插件
最新推荐文章于 2024-08-26 08:10:27 发布