这个弹出插件是我模仿IOS原生弹出编写的自定义插件,包括Alert弹出和Confirm框。它支持自定义标题、内容、按钮文本和按钮回调功能。使用非常简单,可以扩展。下面是插件的使用方法,一目了然:
首先导入jquery库、插件库和css文件
脚本src='http:/jquery-1 . 8 . 3 . min . js '/script script src=' http :/jquery . confirm-1.1 . js '/script link href='。jquery的快速使用。confirm-1 . 1 . CSS ' rel=' external no follow ' rel='样式表' type=' text/CSS'/alert popup
$.警报('您确定要继续吗?');-内容支持html代码$。警报({ title: '警报弹出窗口!',-title默认标题(温馨提示)内容:“您确定要继续吗?”,-content });警报回调弹出窗口的使用
$.警报({ title: '警报回调弹出窗口!',content: '带回调函数的alert,点击ok按钮触发回调函数',button s : { ok : { text : ' ok ',-button title action 3360 function(){-回调事件alert('执行button回调函数');} } }});使用确认框
$.确认('您确定要继续吗?');$.确认({ title: '确认确认框!',content:“您确定要继续吗?”, });使用确认回拨确认框
$.警报({ title: '确认回拨确认框!',content: '确认框,点击按钮触发回调函数',buttons: {ok: { - ok按钮text:' OK ',action: function () {alert('执行OK按钮回调函数');}},close : {-close button text : ' close ',action : function(){ alert(' close button回调函数被执行');} } }});可以放置多个确认框按钮
效果显示
使用起来是不是很简单-_-
下载链接:https://pan.baidu.com/s/1pLJJky3
以上是边肖推出的jQuery仿IOS弹出插件。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!