jQuery Alert弹窗插件
基于 jQuery 的弹窗插件挺多,但这个 jQuery Alert 插件算是比较灵活好用的。支持多种弹窗类型,样式也比浏览器自带的 alert()
好看太多了。你想要提示、警告、确认框啥的,都能搞定,还能自定义内容和按钮,响应也快,交互体验不赖。
插件安装方式也直白,先引 jQuery,再加载插件的 JS
和 CSS
文件就行了。建议把 jQuery
放前面,别顺序搞反,不然弹不出来。
用法也简单,比如按钮点击弹出一句话:
$('#myButton').click(function() {
$(this).alert('Hello, World!');
});
弹窗类型支持 warning
、error
、success
、info
,每种自带样式和图标。你可以用 type
参数控制样式,配置挺多,还能加回调函数关闭事件。
如果你想弹个复杂点的内容,比如加个标题和段落,也是可以的:
$.alert({
content: '<h3>这是个标题</h3><p>这是段落内容。</p>'
});
按钮那块也支持定制,比如加个“确定”和“取消”按钮:
$.alert({
buttons: {
yes: { text: '确定', className: 'btn-primary' },
no: { text: '取消' }
}
});
API 控制也方便,比如你可以 $.alert('open')
打开弹窗,close
关闭,或者 update
更新内容,适合动态场景。
这玩意儿响应式做得也还行,在手机上也能正常显示。和 Bootstrap 一起用也不冲突,想融合其它插件也没问题。
如果你正好要找一个 比系统 alert 更高级 的弹窗插件,这个可以试试。想看更多相关例子和插件,可以翻翻这些:
下载地址
用户评论