給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)" )