jquery 對話方塊(Dialog)外掛
阿新 • • 發佈:2019-01-24
<!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>