jQuery弹出警告对话框美化插件（警告，确认和提示）
四月 29, 2010 by zeze · Leave a Comment
概述
这个jQuery插件旨在取代基本功能的标准JavaScript警告，提供alert()、confirm()和prompt()功能函数。什么是使用自定义方法的好处？嗯，有几个很好的理由：
*这些是完全通过CSS（可定制的应用程序可以让你看起来更专业）
*您可以为每个对话框自定义标题
* IE7的用户可以得到一个丑陋的警告，通常必须重新加载页面，如果您使用常规提示（）
这些方法模拟一个真实的模式对话框。他们将自动重新定位自己，如果你调整浏览器窗口（不像许多现有的对话/灯箱式的插件）。如果包含了jQuery UI的可拖动的插件，可以移动的对话通过拖动其标题栏。你需要的一切生产示范的对话是在下载中。
jQuery的要求1.2.6或以上。
实施
包括在您的HTML文件（在<head>部分如下）：
<!-- Dependencies -->
<script src="jquery.js" type="text/javascript"></script> |
<script src="jquery.ui.draggable.js" type="text/javascript"></script> |
<!-- Core files --> |
<script src="jquery.alerts.js" type="text/javascript"></script> |
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
请确保您更新到各自的文件路径。如果您已经使用了jQuery UI的可拖动的插件（包括UI的核心），只是省略到jquery.ui.draggable.js链接。
对于IE的对话框显示正确，您还需要确保您使用的!DOCTYPE声明标准模式。只要加在页面顶部非常合适的DTD：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
用法
这个插件利用$。警告命名空间，但有三个内置的快捷功能，使执行工作更容易：
- jAlert(message, [title, callback])
- jConfirm(message, [title, callback])
- jPrompt(message, [value, title, callback])
对应不同的原生JavaScript，您可以使用的HTML邮件中的参数。要指定一个新行，你可以使用\ n或<br />。
这些方法不返回相同的值作为确定（）和提示（）。你必须访问的结果值使用一个回调函数。 （详情请参阅演示。）
兼容性
这个插件需要的jQuery 1.2.6或以上，并已通过测试，工作在以下浏览器：
- Internet Explorer 6 & 7
- Firefox 2 & 3
- Safari 3
- Chrome
- Opera 9
Demo
Download
当前版本: jQuery Alert Dialogs – Version 1.1
英文：jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)
翻译整理：jQuery弹出对话框美化插件（警告，确认和提示）| web启点
相关文章
