亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AspNet中使用JQuery boxy插件的確認(rèn)框

 更新時(shí)間：2015年05月20日 10:17:00   投稿：hebedich  
Boxy是一個(gè)基于JQuery的彈出層插件，它有相對(duì)漂亮的外觀，功能齊全，支持iframe，支持模式窗口但相對(duì)于同樣的彈出層插件BlockUI它明顯笨重，但使用不那么方便。 兼容瀏覽器：IE6+/Firefox/Google Chrome

JQuery有不少彈出框的插件，boxy應(yīng)該算的上是功能和效果都還不錯(cuò)的一款了。先來看一張效果圖吧。

在Web開發(fā)中經(jīng)常會(huì)使用到Alert和Confirm彈出框，在Asp.Net中的刪除按鈕上我們常常會(huì)加上刪除的確認(rèn)提示，以避免誤刪除數(shù)據(jù)，就像上面圖片那樣。我們一般會(huì)寫出這樣的代碼。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title></title>
   <script type="text/javascript">
     function confirmDel() {
       return confirm("您確認(rèn)要?jiǎng)h除嗎？");
     }
  </script>
</head>
<body>
  <form id="form1" runat="server">
    <asp:Button ID="btnDel" runat="server" 
OnClientClick="return confirmDel();" Text="刪除" />
  </form>
</body>
</html>

上面的代碼很簡單，confirm彈出框會(huì)有兩個(gè)按鈕，點(diǎn)擊確定返回true，點(diǎn)擊取消返回false。在boxy插件中也有confirm方法，調(diào)用代碼如下：

$(document).ready(function() {
  $("#btnDel").click(function() {
    Boxy.confirm("您確認(rèn)要?jiǎng)h除嗎？", function() { }, null);
    return false;
  });

});

Boxy的confirm方法有三個(gè)參數(shù)分別是確認(rèn)信息內(nèi)容，彈出框點(diǎn)擊確定的回調(diào)函數(shù)，一些設(shè)置項(xiàng)比如標(biāo)題。上面的代碼中如果不加上return false，那么彈出框會(huì)閃現(xiàn)，然后刪除按鈕的后天事件還是執(zhí)行了。加上return false，那么不管是點(diǎn)擊確定還是取消都不會(huì)執(zhí)行后臺(tái)事件，這顯然達(dá)不到我們的要求，看來只能打點(diǎn)擊確定后的回調(diào)函數(shù)的主意了?？梢栽谝粋€(gè)公用的js文件中將Boxy的confirm封裝一下：

頁面的調(diào)用代碼如下：

$(document).ready(function() {
  $("#Button1").click(function() { return confirmO(this, "您確認(rèn)刪除嗎？") });

});

經(jīng)過這樣修改后，但點(diǎn)擊彈出框的確定按鈕時(shí)就會(huì)執(zhí)行服務(wù)器事件了。

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

相關(guān)文章

  • jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法

    jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法,可實(shí)現(xiàn)每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動(dòng)態(tài)設(shè)置技巧,需要的朋友可以參考下
    2016-06-06
  • jQuery實(shí)現(xiàn)自動(dòng)調(diào)整字體大小的方法

    jQuery實(shí)現(xiàn)自動(dòng)調(diào)整字體大小的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)調(diào)整字體大小的方法,涉及jQuery針對(duì)頁面屬性與樣式動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下
    2015-06-06
  • jquery分頁插件AmSetPager(自寫)

    jquery分頁插件AmSetPager(自寫)

    第一次做的插件，我這個(gè)插件好像使用有些另類，是調(diào)用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁容器元素ID。寫完插件后看別的插件都是調(diào)用分頁元素ID
    2013-04-04
  • jQuery選擇器實(shí)例應(yīng)用

    jQuery選擇器實(shí)例應(yīng)用

    這篇文章主要為大家詳細(xì)介紹了jQuery選擇器實(shí)例應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • Jquery+WebService 校驗(yàn)賬號(hào)是否已被注冊(cè)的代碼

    Jquery+WebService 校驗(yàn)賬號(hào)是否已被注冊(cè)的代碼

    在Javascirpt代碼中，調(diào)用Jquery的方法$.Ajax(function)實(shí)現(xiàn)Ajax,傳遞賬號(hào)信息給Web服務(wù)，Web服務(wù)再調(diào)用數(shù)據(jù)庫操作類查詢數(shù)據(jù)庫，并返回?cái)?shù)據(jù)給前臺(tái)頁面。
    2010-07-07
  • jQuery實(shí)現(xiàn)文本展開收縮特效

    jQuery實(shí)現(xiàn)文本展開收縮特效

    在網(wǎng)頁上只有一個(gè)小區(qū)域，但是說明性的文字又很長，下面這段腳本實(shí)現(xiàn)的是長文字的部分顯示，有類似需求的朋友可以參考下哈，希望對(duì)你有所幫助
    2015-06-06
  • 超贊的jQuery圖片滑塊動(dòng)畫特效代碼匯總

    超贊的jQuery圖片滑塊動(dòng)畫特效代碼匯總

    本文將為大家收集10個(gè)超贊的jQuery圖片滑塊動(dòng)畫,都是小編精挑細(xì)選而來，希望這些現(xiàn)成的jQuery插件將為你節(jié)省很多開發(fā)時(shí)間。
    2016-01-01
  • jquery獲得頁面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼

    jquery獲得頁面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼

    獲得頁面元素的坐標(biāo)值也是一項(xiàng)比較實(shí)用的功能，接下來為大家詳細(xì)介紹下如何實(shí)現(xiàn)，yulutxt是輸入經(jīng)典語錄的輸入框feedBackMessage函數(shù)為執(zhí)行
    2013-04-04
  • jQuery去掉字符串起始和結(jié)尾的空格(多種方法實(shí)現(xiàn))

    jQuery去掉字符串起始和結(jié)尾的空格(多種方法實(shí)現(xiàn))

    去掉字符串起始和結(jié)尾的空格在實(shí)際應(yīng)用中時(shí)很常見的的功能，本教程以多種方法為大家介紹下去掉空格的方法，感興趣的朋友可以參考下哈
    2013-04-04
  • 使用jquery.qrcode.js生成二維碼插件

    使用jquery.qrcode.js生成二維碼插件

    二維碼在現(xiàn)實(shí)生活中已經(jīng)應(yīng)用很廣泛，本篇介紹了使用jquery.qrcode.js生成二維碼，有需要的朋友可以進(jìn)來了解一下。
    2016-10-10

最新評(píng)論