欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery插件jquery.confirm彈出確認(rèn)消息

 更新時(shí)間:2015年12月22日 09:22:19   作者:黃聰  
這篇文章介紹了插件jquery.confirm彈出確認(rèn)消息的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下

本文為大家介紹了插件jquery.confirm彈出確認(rèn)消息的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,特分享給大家供大家參考,具體內(nèi)容如下

實(shí)現(xiàn)效果:

具體代碼:

1、插件默認(rèn)參數(shù)

// 默認(rèn)參數(shù)
$.confirm.defaults = {
 // 樣式
 css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.css?v=" + Math.ceil(new Date() / 86400000),
 // 確認(rèn)框內(nèi)容
 content: "確認(rèn)嗎?",
 // 確認(rèn)按鈕文字
 sureButton: "確認(rèn)",
 // 取消按鈕文字
 cancelButton: "取消",
 // 位置
 position: {},
 // 自動(dòng)打開(kāi)
 autoOpen: false,
 // 動(dòng)畫(huà)持續(xù)時(shí)間
 duration: 123,
 // 打開(kāi)確認(rèn)框回調(diào)
 onopen: emptyFn,
 // 單擊了確認(rèn)或者取消回調(diào)
 onclick: emptyFn,
 // 確認(rèn)回調(diào)
 onsure: emptyFn,
 // 取消回調(diào)
 oncancel: emptyFn,
 // 關(guān)閉確認(rèn)框回調(diào)
 onclose: emptyFn
}

2、插件結(jié)構(gòu)與樣式
jquery.confirm的dom結(jié)構(gòu)為:

<div class="jquery_confirm____" style="display:none">
 <div class="jquery_confirm____body">確認(rèn)框消息</div>
 <div class="jquery_confirm____footer">
  <button class="button button-primary jquery_confirm____sure">確認(rèn)</button>
  <button class="button button-error jquery_confirm____cancel">取消</button>
 </div>
</div>

默認(rèn)的插件樣式基于css.3,默認(rèn)的插件樣式地址為default,插件樣式只渲染一次,不會(huì)多次渲染,以第一次使用插件的樣式為準(zhǔn)。

3、使用方法

// 打開(kāi)確認(rèn)框
$.confirm({
 content: "確認(rèn)要查看嗎?",
 onopen: function() {
  alert("確認(rèn)框打開(kāi)了!");
 },
 onclose: function() {
  alert("確認(rèn)框關(guān)閉了!");
 },
 onsure: function() {
  alert("你單擊了確認(rèn)按鈕!");
 },
 oncancel: function() {
  alert("你單擊了取消按鈕!");
 },
 onclick: function(s) {
  if (s) {
   alert("你單擊了確認(rèn)按鈕!");
  } else {
   alert("你單擊了取消按鈕!");
  }
 }
});
 
$.confirm("確認(rèn)嗎?", function(s) {
 if (s) {
  alert("你單擊了確認(rèn)按鈕!");
 } else {
  alert("你單擊了取消按鈕!");
 }
});

希望本文所述對(duì)大家學(xué)習(xí)jquery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • JavaScript操作表單實(shí)例講解(上)

    JavaScript操作表單實(shí)例講解(上)

    這篇文章主要介紹了JavaScript操作表單實(shí)例講解(上)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-06-06
  • JavaScript模運(yùn)算符理解及運(yùn)用實(shí)戰(zhàn)

    JavaScript模運(yùn)算符理解及運(yùn)用實(shí)戰(zhàn)

    這篇博客文章是為初級(jí)到中級(jí)JavaScript開(kāi)發(fā)人員所寫(xiě),主要為大家介紹了JavaScript模運(yùn)算符理解及運(yùn)用實(shí)戰(zhàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步
    2023-11-11
  • Three.JS實(shí)現(xiàn)三維場(chǎng)景

    Three.JS實(shí)現(xiàn)三維場(chǎng)景

    這篇文章主要為大家詳細(xì)介紹了Three.JS實(shí)現(xiàn)三維場(chǎng)景,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • JavaScript實(shí)現(xiàn)打地鼠游戲

    JavaScript實(shí)現(xiàn)打地鼠游戲

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 一段超強(qiáng)的javascript代碼解密方法

    一段超強(qiáng)的javascript代碼解密方法

    一段超強(qiáng)的javascript代碼解密方法...
    2007-06-06
  • JS實(shí)現(xiàn)一次性彈窗的方法【刷新后不彈出】

    JS實(shí)現(xiàn)一次性彈窗的方法【刷新后不彈出】

    這篇文章主要介紹了JS實(shí)現(xiàn)一次性彈窗的方法,可實(shí)現(xiàn)一次性彈出,刷新后不彈出的功能,涉及JS窗口操作的相關(guān)技巧,需要的朋友可以參考下
    2016-12-12
  • js中數(shù)組解構(gòu)與對(duì)象解構(gòu)示例代碼

    js中數(shù)組解構(gòu)與對(duì)象解構(gòu)示例代碼

    數(shù)組解構(gòu)是一種在 JavaScript 中從數(shù)組中提取值并將它們分配給變量的方式,在數(shù)組解構(gòu)中分為完全解構(gòu),不完全解構(gòu),解構(gòu)失敗以及解構(gòu)默認(rèn)值,這篇文章主要介紹了js中數(shù)組解構(gòu)與對(duì)象解構(gòu),需要的朋友可以參考下
    2023-09-09
  • javascript中的閉包概念與用法實(shí)踐分析

    javascript中的閉包概念與用法實(shí)踐分析

    這篇文章主要介紹了javascript中的閉包概念與用法,結(jié)合具體實(shí)例形式分析了javascript閉包的概念、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2019-07-07
  • javascript動(dòng)畫(huà)淺析

    javascript動(dòng)畫(huà)淺析

    最近一直在弄手機(jī)端的游戲,接觸到各種動(dòng)畫(huà)。加之對(duì)之前的自己那個(gè)動(dòng)畫(huà)類不滿意,就有心想寫(xiě)個(gè)新的。然后翻看各種博客,查資料。也學(xué)到一些新的東西
    2012-08-08
  • js中文逗號(hào)轉(zhuǎn)英文實(shí)現(xiàn)

    js中文逗號(hào)轉(zhuǎn)英文實(shí)現(xiàn)

    中文逗號(hào)如何轉(zhuǎn)英文,下面為大家詳細(xì)介紹下,感興趣的朋友不要錯(cuò)過(guò)
    2014-02-02

最新評(píng)論