jquery仿IOS彈出框插件

這款彈出框插件是本人自己模仿IOS原生彈出框寫的一個自定義插件，包括Alert彈出框和Confirm確認框，支持標題，內容，按鈕文字以及按鈕回調函數自定義，使用非常簡單，可以進行擴展，下面是插件使用方法，一看就懂：

---

• 首先導入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='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帶回調函數，點擊確定按鈕觸發回調函數',
    buttons: {
        ok: {
            text: '好',   --按鈕標題
            action: function () {   --回調事件
                 alert("按鈕回調函數被執行");
            }
        }
    }
});

• Confirm確認框使用

$.confirm('Are you sure to continue?');

$.confirm({
    title: 'Confirm確認框!', 
    content: 'Are you sure to continue?', 
});

• Confirm回調確認框使用

$.alert({
    title: 'Confirm回調確認框!',
    content: 'Confirm確認框，點擊按鈕觸發回調函數',
    buttons: {
        ok: {   --確定按鈕
            text: '確定',
            action: function () {
                 alert("確定按鈕回調函數被執行");
            }
        }，
        close: {   --關閉按鈕
            text: '關閉',
            action: function () {
                 alert("關閉按鈕回調函數被執行");
            }
        }
    }
});
確認框按鈕可以放置多個

• 效果展示
  

是不是使用起來非常簡單 -_-

---

下載鏈接: https://pan.baidu.com/s/1b9Ka9C 提取碼: nvp7

---