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)文章
cookie的復(fù)制與使用記住用戶名實(shí)現(xiàn)代碼
正如標(biāo)題所言cookie如何復(fù)制、使用與記住用戶名,下面有個不錯的示例,感興趣的朋友可以參考下2013-11-11
jQuery插件FusionCharts繪制的3D雙柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D雙柱狀圖效果,涉及jQuery使用插件FusionCharts結(jié)合xml數(shù)據(jù)繪制的3D雙柱狀圖的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
ajax無刷新動態(tài)調(diào)用股票信息(改良版)
今日閑來無事,把上次寫的代碼稍微改了改。增加了動態(tài)追加和刪除股票信息的功能(代碼基于jquery運(yùn)行:http://jquery.com/) 。由于對Ajax技術(shù)的認(rèn)識還只是在初級階段,總覺得這么些有點(diǎn)別扭,希望大蝦能夠指點(diǎn)一二。2008-11-11
基于jQuery的試卷自動排版系統(tǒng)實(shí)現(xiàn)代碼
題目提干、選擇題的選項(xiàng)、說明文字可以包含多媒體信息(文字、圖片、列表、表格、視頻等等……)。2011-01-01
easyui datagrid 表格中操作欄 按鈕圖標(biāo)不顯示的解決方法
下面小編就為大家?guī)硪黄猠asyui datagrid 表格中操作欄 按鈕圖標(biāo)不顯示的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
原生Ajax 和jQuery Ajax的區(qū)別示例分析
這篇文章主要介紹了原生Ajax 和Jq Ajax的區(qū)別示例分析,需要的朋友可以參考下2014-12-12

