在Bootstrap警报中关闭类按钮的Jquery事件

Rah*_* RJ 3 jquery html5 twitter-bootstrap

我想点击警报Block of Jquery上的关闭标志来执行一些Jquery事件.我的VIew代码如下::

<div class=' alert alert-block fade in'  >
    <button type='button' class='close' data-dismiss='alert'>×</button>
    <p>Just Close Me  </p>
<div>
Run Code Online (Sandbox Code Playgroud)

我的Js代码如下::

$('button.close').click(function () {
                var id = $(this).attr('data-id');
                alert("deleted list is"+id);

            });
Run Code Online (Sandbox Code Playgroud)

根据上面的代码,我无法在点击"X"按钮时检测或执行Jquery事件.

Mar*_*ger 12

如果您使用的是Bootstrap 3,则需要执行以下操作:

$('#my-alert').on('close.bs.alert', function () {
//code
});
Run Code Online (Sandbox Code Playgroud)

  • 除了这个答案.'close.bs.alert'事件在删除元素之前发生.所以,如果你在它消失后尝试做某事(比如根据它的缺席调整大小),那么请改用'closed.bs.alert'.@AdRock回答演示了 (6认同)