在Twitter上引导警报解雇Ajax请求(Ajax request on dismissal of

我使用了“警惕”功能，从Twitter的引导来显示用户通知，如下所示：

<div class="notification alert alert-info">
 <button type="button" class="close" data-dismiss="alert">&times;</button>
 My message goes here
</div>

这些通知是持久的，直到用户关闭它们，所以当用户点击“关闭”按钮，我想一个Ajax查询断火，以表明该通知应永久开除服务器。

我使用jQuery的on()函数，如下所示：

$(document).on('click', '.notification .close', function (e) {
    alert('hi!');
    console.log(e);
    e.preventDefault();
});

这工作得很好，但我不知道是否有有这样做的“Bootstrappy”的方式？

Answer 1:

按照有关警报引导文档 ，我绑定到关闭或关闭的事件，这是自定义来引导。

$(document).on('close', '.alert', function  () 
{
    var id = $(this).data('some_id'); 
    $.get('closed.php?id='+id);
});

有通过API暴露的两个事件：

1. 关闭 - 这是马上还以颜色
2. 关闭 - 火灾所有动画之后已经完成。 我会选择关闭 - 这样你就马上行动吧，如果他们导航/关闭动画完成之前，它仍然会被隐藏。

数据属性是能够有警报的服务器端脚本进行区分。 该标记是：

<div class="alert" data-some_id='foobar'>
    Close me!
</div>

Answer 2:

在引导3.0 ，您需要使用命名空间中的事件名称：

$('.alert').bind('closed.bs.alert', function () {
        var id = $(this).data('some_id');
        $.get('closed.php?id='+id);
})

文章来源: Ajax request on dismissal of twitter bootstrap alerts