JQuery有不少彈出框的插件，boxy應(yīng)該算的上是功能和效果都還不錯的一款了。先來看一張效果圖吧。
在Web開發(fā)中經(jīng)常會使用到Alert和Confirm彈出框，在Asp.Net中的刪除按鈕上我們常常會加上刪除的確認(rèn)提示，以避免誤刪除數(shù)據(jù)，就像上面圖片那樣。我們一般會寫出這樣的代碼。
<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title></title> <script type="text/javascript"> function confirmDel() { return confirm("您確認(rèn)要刪除嗎？"); } </script></head><body> <form id="form1" runat="server"> <asp:Button ID="btnDel" runat="server" OnClientClick="return confirmDel();" Text="刪除" /> </form></body></html>上面的代碼很簡單，confirm彈出框會有兩個按鈕，點(diǎn)擊確定返回true，點(diǎn)擊取消返回false。在boxy插件中也有confirm方法，調(diào)用代碼如下：
$(document).ready(function() { $("#btnDel").click(function() { Boxy.confirm("您確認(rèn)要刪除嗎？", function() { }, null); return false; });});Boxy的confirm方法有三個參數(shù)分別是確認(rèn)信息內(nèi)容，彈出框點(diǎn)擊確定的回調(diào)函數(shù)，一些設(shè)置項(xiàng)比如標(biāo)題。上面的代碼中如果不加上return false，那么彈出框會閃現(xiàn)，然后刪除按鈕的后天事件還是執(zhí)行了。加上return false，那么不管是點(diǎn)擊確定還是取消都不會執(zhí)行后臺事件，這顯然達(dá)不到我們的要求，看來只能打點(diǎn)擊確定后的回調(diào)函數(shù)的主意了。可以在一個公用的js文件中將Boxy的confirm封裝一下：
頁面的調(diào)用代碼如下：
$(document).ready(function() { $("#Button1").click(function() { return confirmO(this, "您確認(rèn)刪除嗎？") });});經(jīng)過這樣修改后，但點(diǎn)擊彈出框的確定按鈕時就會執(zhí)行服務(wù)器事件了。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
新聞熱點(diǎn)
疑難解答
