关于解除twitter引导警报的Ajax请求
Ajax request on dismissal of twitter bootstrap alerts
我正在使用Twitter Bootstrap中的"alert"功能来显示用户通知,如下所示:
<div class="notification alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
My message goes here
</div>
这些通知一直存在,直到用户取消它们,所以当用户单击"关闭"按钮时,我想向服务器发出一个ajax查询,表明通知应该永久取消。
我使用jQuery的on()
函数如下:
$(document).on('click', '.notification .close', function (e) {
alert('hi!');
console.log(e);
e.preventDefault();
});
这工作得很好,但我想知道是否有一个"Bootstrappy"的方式做到这一点?
在Bootstrap 3.0中,您需要使用名称空间事件名称:
$('.alert').bind('closed.bs.alert', function () {
var id = $(this).data('some_id');
$.get('closed.php?id='+id);
})
根据Bootstrap关于警报的文档,我将绑定到closed或close事件,这是Bootstrap自定义的。
$(document).on('close', '.alert', function ()
{
var id = $(this).data('some_id');
$.get('closed.php?id='+id);
});
有两个事件通过API公开:
- close -立即触发
- 关闭-在所有动画完成后开火。我选择关闭-这样你就可以立即操作,如果他们在动画完成之前导航/关闭,它仍然是隐藏的。
data属性能够让服务器端脚本区分警报。标记应该是:
<div class="alert" data-some_id='foobar'>
Close me!
</div>
相关文章:
- ajax请求的顺序总是不同的
- 从ajax请求中获取javascript对象
- Ajax请求文档就绪会导致jquery加载缓慢
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- JavaScript代码未正确检查ajax请求
- "日期“;AJAX请求返回的类型值未定义
- 在等待ajax请求时显示微调器并禁用页面
- 跨域ajax请求
- Ajax请求返回空的数据字符串,但首先得到了正确的数据
- Javascript-如何让脚本与Ajax请求的数据一起运行
- ajax请求成功,但可以'我看不到我的数据
- 如何将给定的curl命令复制为jquery ajax请求
- 为什么我能够从javascript控制台发送跨域ajax请求
- 一台特定计算机的Ajax请求数据未定义/失败
- 获取ajax请求的请求头
- 原型Ajax请求参数为嵌套json
- 可以't从AJAX请求中筛选数据
- jQuery Mobile Collapse上的AJAX请求
- 暂停函数执行流程,直到ajax请求完成