jquery弹窗,确定,删除对话框
来源:互联网 发布:七天网络注册 编辑:程序博客网 时间:2024/05/02 06:46
点击这里下载jquery-ui-1.8.16.custom.zip,可以在官网的UI中找到他。将development-bundle文件夹中的external,themes,ui复制到你的工程中
引入对应的CSS和JS即可
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>对话框</title>
- <style type="text/css">
- #msg{ font-size:16px; margin-top:20px;}
- </style>
- <!--引入jquery-1.6.2-->
- <link href="../uiplus/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
- <!--引入样式文件-->
- <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>
- <!--以下是引入jquery插件,顺序不能颠倒,必须这样-->
- <script src="../uiplus/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.core.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.widget.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.mouse.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.button.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.draggable.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.position.js" type="text/javascript"></script>
- <script src="../uiplus/ui/jquery.ui.dialog.js" type="text/javascript"></script>
- <link href="../css/demos.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" language="javascript">
- $(function () {
- $("#dialog:ui-dialog").dialog("destroy");
- $("#btn_delete").click(function () {
- $("#msg").show();
- $("#dialog-confirm").dialog({
- resizable: false,
- height: 140,
- modal: true,
- buttons: {
- "删除": function () {
- $(this).dialog("close");
- },
- "取消": function () {
- $(this).dialog("close");
- }
- }
- });
- });
- });
- </script>
- </head>
- <body>
- <div id="dialog-confirm" title="删除提示?">
- <p id="msg" style="display: none;">
- <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
- 确认要删除吗?</p>
- </div>
- <input type="button" value="删除" id="btn_delete" />
- </body>
- </html>
- jquery弹窗,确定,删除对话框
- jquery弹窗,对话框,删除对话框
- Jquery实现确定取消对话框
- jQuery确定删除提示框
- JQuery插件之确认删除对话框
- 如何删除CPropertySheet 类派生生成的标签对话框上的默认按钮 “确定”“取消”“删除”
- struts删除按钮弹出对话框确定后再action里面删除
- “确定/取消”对话框
- ubuntu中对话框确定
- 确定要删除吗
- 确定删除吗?
- js 删除确定
- js确定删除
- 确定删除弹框
- android确定取消对话框以及单选多选对话框
- 21.确定取消对话框,单选多选对话框
- 工厂设计模式--确定对话框
- unity 确定与取消对话框
- TableCellRender小例子
- Oracle 常用的V$ 视图脚本 .
- 《UNIX环境高级编程》第11章线程【读书笔记】
- BIOS设置图解教程
- Debug与Release版本的区别
- jquery弹窗,确定,删除对话框
- 【贪心】hdu 2863
- Eclipse运行性能调优
- TCP 慢启动 拥塞控制
- ASP.NET自定义Web服务器控件-Button控件
- 通过后台service,产生通知,并调出activity时刷新的问题
- xml
- nao机器人学习笔记6:深层开发的环境搭建
- ASP.NET自定义Web服务器控件-Div控件