jQuery仿IOS彈出框插件
更新時間：2017年02月18日 09:34:49 投稿：mrr
這款彈出框插件是本人自己模仿IOS原生彈出框寫的一個自定義插件，包括Alert彈出框和Confirm確認框，支持標題，內容，按鈕文字以及按鈕回調函數(shù)自定義，使用非常簡單，本文給大家介紹了jQuery仿IOS彈出框插件,需要的朋友可以參考下
這款彈出框插件是本人自己模仿IOS原生彈出框寫的一個自定義插件，包括Alert彈出框和Confirm確認框，支持標題，內容，按鈕文字以及按鈕回調函數(shù)自定義，使用非常簡單，可以進行擴展，下面是插件使用方法，一看就懂：
首先導入jquery庫和插件庫以及css文件
<script src="./jquery-1.8.3.min.js"></script> <script src="./jquery.confirm-1.1.js"></script> <link href="./jquery.confirm-1.1.css" rel="external nofollow" rel='stylesheet' type='text/css' />
Alert彈出框快速使用
$.alert('Are you sure to continue?'); --內容支持html代碼
$.alert({
title: 'Alert彈出框!', --標題 默認標題（溫馨提示）
content: 'Are you sure to continue?', --內容
});
Alert回調彈出框使用
$.alert({
title: 'Alert回調彈出框!',
content: 'alert帶回調函數(shù)，點擊確定按鈕觸發(fā)回調函數(shù)',
buttons: {
ok: {
text: '好', --按鈕標題
action: function () { --回調事件
alert("按鈕回調函數(shù)被執(zhí)行");
}
}
}
});
Confirm確認框使用
$.confirm('Are you sure to continue?');
$.confirm({
title: 'Confirm確認框!',
content: 'Are you sure to continue?',
});
Confirm回調確認框使用
$.alert({
title: 'Confirm回調確認框!',
content: 'Confirm確認框，點擊按鈕觸發(fā)回調函數(shù)',
buttons: {
ok: { --確定按鈕
text: '確定',
action: function () {
alert("確定按鈕回調函數(shù)被執(zhí)行");
}
}，
close: { --關閉按鈕
text: '關閉',
action: function () {
alert("關閉按鈕回調函數(shù)被執(zhí)行");
}
}
}
});
確認框按鈕可以放置多個
效果展示
是不是使用起來非常簡單 -_-
下載鏈接：https://pan.baidu.com/s/1pLJJky3
以上所述是小編給大家介紹的jQuery仿IOS彈出框插件，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要介紹了JQuery中屬性過濾選擇器用法,實例分析了jQuery屬性過濾選擇器的相關使用技巧,需要的朋友可以參考下2015-05-05
jQuery實現(xiàn)點擊文本框彈出熱門標簽的提示效果
點擊文本框彈出熱門標簽的效果實現(xiàn)方法有很多，在本文為大家詳細介紹下使用jQuery是如何實現(xiàn)的，感興趣的朋友不要錯過2013-11-11
jQuery實現(xiàn)按鈕點擊遮罩加載及處理完后恢復的效果
這篇文章主要介紹了jQuery實現(xiàn)按鈕點擊遮罩加載及處理完后恢復的效果,涉及jQuery與asp.net后臺交互實現(xiàn)頁面效果動態(tài)變換的相關技巧,需要的朋友可以參考下2016-06-06
最近由于項目的需要，需要動態(tài)的添加和刪除table中的tr，感覺用JS可以實現(xiàn)，但是在網(wǎng)上找了一下，單純的自己寫JS，感覺太麻煩，而且也不好維護。于是想到了最近學的jQuery。這篇文章給大家用實例介紹了jQuery動態(tài)添加與刪除tr行的方法，有需要的朋友們可以參考借鑒。2016-10-10
jquery.cookie() 方法的使用(讀取、寫入、刪除)
jquery.cookie() 方法:一個輕量級的cookie 插件，可以讀取、寫入、刪除 cookie，下面有個不錯的數(shù)量，大家可以學習下2013-12-12
input 和 textarea 輸入框最大文字限制的jquery插件
input 和 textarea 輸入框最大文字限制的jquery插件，需要的朋友可以參考下。2011-10-10
jQuery插件slider實現(xiàn)拖動滑塊選取價格范圍
jquery滑塊（slider）允許用戶從一個有限的范圍內選擇一個數(shù)值。當沿著軌道移動滑塊控件時，將顯示一個表示當前值的提示框，用戶可通過設置它的屬性來自定義滑塊。2015-04-04
基于jQuery通過jQuery.form.js插件實現(xiàn)異步上傳
這篇文章主要介紹了基于jQuery通過jQuery.form.js插件實現(xiàn)異步上傳，代碼很詳細，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了JQuery實現(xiàn)動態(tài)漂浮廣告，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
使用Jquery實現(xiàn)點擊文字后變成文本框且可修改
使用Jquery實現(xiàn)點擊文字變?yōu)槲谋究蛐Ч?，可對文本框文字進行修改，具體的實現(xiàn)思路如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-09-09