給bootstrap-sweetalert彈框的按鈕綁定事件

一. sweetalert cdn使用

　　sweetalert提供了不少的炫酷彈框，有不少的用法。關於本地導入使用sweetalert的方法，在以前的博客裏提到過（點擊前往），不過咱們也可使用cdn。

　　而後複製，黏貼至Html文件head便籤中便可：

　　能夠修改建立html文件的模板，這樣之後不用每次新建都手動導入cdn了：

二. 綁定sweetalert彈框的按鈕

　　今天遇到一個狀況，ajax中觸發一個sweetalert彈框，隨後一個location.href跳轉頁面，原本覺得會等咱們點擊彈框的ok按鈕後纔會跳轉的，可是結果並非這樣。彈框會在一瞬間就消失，跟沒有彈框是同樣同樣的。

　　代碼以下：

swal(data['msg'], '點擊進行登陸', 'success');
location.href = '/login/';

　　後來試驗了一下，目前知道有兩種方法：

　　第一種（投機取巧）：

　　先把跳轉的location.href註釋了，而後運行後在檢查頁面按住ctrl+shift+c，而後點擊一個sweetalert的彈框任意位置（不要是OK按鈕就行，否則直接沒了），而後依次點開往下尋找到OK按鈕便可。

　　隨後發現就該Button有confirm類，因此用類選擇器confirm找到該標籤，隨後綁定事件，這樣是能夠實現咱們的需求的。

swal(data['msg'], '點擊進行登陸', 'success');
$('button, .confirm').click(function () {
        location.href = '/login/'
})

　　第二種，經過文本內容找到標籤：

　　button:contains("OK")意思就是文本有‘OK’字符串的button按鈕，該方法也能夠實現咱們的需求。

swal(data['msg'], '點擊進行登陸', 'success');
$('button:contains("OK")').click(function () {
       location.href = '/login/'
})

// 這裏的text表示具體的文本字符串，　　：contains是jQuery1.1.4新增的選擇器
jQuery( ":contains(text)" )