javascript - 关于取消 Twitter Bootstrap 警报的 Ajax 请求

Question

我正在使用 Twitter Bootstrap 的“警报”功能来显示用户通知，如下所示:

<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();
});

这很好用，但我想知道是否有一种“自举”方式可以做到这一点？

Answer 1

在Bootstrap 3.0您需要使用命名空间事件名称:

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