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