jQuery實(shí)現(xiàn)摸擬alert提示框
頁面調(diào)用JS:
$(document).ready(function() { $("#delete_without_layer").click(function () { $.tConfirm.open({body:'Are you sure to delete?',type:'confirm',onOk:function(){ alert("yes"); }}); }); $("#delete_with_layer").click(function () { $.tConfirm.open({overlay:true,body:'Are you sure to delete?',type:'confirm',onOk:function(){ alert("yes"); }}); }); $("#information").click(function () { $.tConfirm.open({body:'This is confirm box based on fancybox!',type:'info',onOk:function(){ alert("yes"); }}); }); $("#success").click(function () { $.tConfirm.open({body:'Save success!',type:'success',onOk:function(){ alert("yes"); }}); }); $("#error").click(function () { $.tConfirm.open({body:'Some fields are wrong!',type:'error',onOk:function(){ alert("yes"); }}); }); $("#warning").click(function () { $.tConfirm.open({body:'Someone login, it\'s not real user!',type:'warning',onOk:function(){ alert("yes"); }}); }); });
Figure 1. common confirm
Figure 2. confirm box with layer
Figure 3. error box
Figure 4. success box
Figure 5. warning box
源碼下載:
https://github.com/tomlxq/jquery-confirm
- jquery.alert 彈出式復(fù)選框?qū)崿F(xiàn)代碼
- 基于jQuery的彈出消息插件 DivAlert之旅(一)
- 基于jQuery的消息提示插件 DivAlert之旅(二)
- JQuery的Alert消息框插件使用介紹
- jQuery)擴(kuò)展jQuery系列之一 模擬alert,confirm(一)
- 基于jquery的彈出提示框始終處于窗口的居中位置(類似于alert彈出框的效果)
- 用Jquery重寫windows.alert方法實(shí)現(xiàn)思路
- jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
- 自編jQuery插件實(shí)現(xiàn)模擬alert和confirm
- jQuery提示插件alertify使用指南
- jquery SweetAlert插件實(shí)現(xiàn)響應(yīng)式提示框
相關(guān)文章
淺談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流
下面小編就為大家?guī)硪黄獪\談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07分享一個(gè)自己動(dòng)手寫的jQuery分頁插件
本文主要是將自己動(dòng)手些jquery分頁插件的思路和步驟分享給大家,本分頁插件功能很簡單,但是卻很實(shí)用,不想其他插件似的,功能一大堆。好了,廢話不多說,還是看正文吧2014-08-08jQuery Validate表單驗(yàn)證入門學(xué)習(xí)
這篇文章主要介紹了jQuery Validate表單驗(yàn)證入門知識,該插件捆綁了一套有用的驗(yàn)證方法,包括 URL 和電子郵件驗(yàn)證,同時(shí)提供了一個(gè)用來編寫用戶自定義方法的 API,感興趣的小伙伴們可以參考一下2015-12-12ajax實(shí)現(xiàn)動(dòng)態(tài)下拉框示例
本篇文章主要介紹了ajax實(shí)現(xiàn)動(dòng)態(tài)下拉框示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01jquery實(shí)現(xiàn)下拉框功能效果【實(shí)例代碼】
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)下拉框功能效果【實(shí)例代碼】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05jQuery實(shí)現(xiàn)級聯(lián)下拉框?qū)崙?zhàn)(5)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)級聯(lián)下拉框的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery經(jīng)過一段時(shí)間自動(dòng)隱藏指定元素的方法
這篇文章主要介紹了jQuery經(jīng)過一段時(shí)間自動(dòng)隱藏指定元素的方法,實(shí)例分析了兩種比較常用的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03