Jquery事件在引導程序的警報中的關閉類按鈕

我想單擊Jquery的警報塊上的關閉符號執行一些JQuery事件。我的看法代碼如下::Jquery事件在引導程序的警報中的關閉類按鈕

<div class=' alert alert-block fade in' > 
    <button type='button' class='close' data-dismiss='alert'>×</button> 
    <p>Just Close Me </p> 
<div>

我的js代碼是如下::

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

      });

按照上面的代碼，我無法檢測或做jQuery的事件上單擊該' X'按鈕。

來源

2013-04-25 Rahul RJ

哪裏是'數據id' ATTR？ – 2013-04-25 11:38:22

通過使用敲除綁定 – 2013-04-25 11:39:44

這是你如何綁定關閉事件

$('#my-alert').bind('close', function() { 
    //do something… 
})

PS。你應該閱讀手冊，一切都在其中。

來源

2013-04-25 11:39:35 slash197

它的給定值，但你從哪裏採取了這個id屬性的名稱？ – 2013-04-25 11:40:56

將它更改爲您的，這是它在手冊 – slash197 2013-04-25 11:42:21

中的方式，但我沒有給出任何ID，因爲您可以在我的代碼中看到，並且我不必給ID，因爲警告框不止一次 – 2013-04-25 11:44:15

如果您使用引導3，你需要這樣做：

$('#my-alert').on('close.bs.alert', function() { 
//code 
});

來源

2014-03-27 09:44:56

除此答案之外的任何事件。在元素被移除之前發生'close.bs.alert'事件。所以如果你在嘗試做一些事情之後（例如根據其缺失重新調整大小），請使用'closed.bs.alert'。 @AdRock答案演示的這個 – 2015-04-22 19:25:03

這應該是被接受的答案。 – MrShadow 2016-05-13 08:22:40

我現在知道這是很老，但是這是值得一試

http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=alert-events

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#myAlert").bind('closed.bs.alert', function(){ 
     alert("Alert message box has been closed."); 
    }); 
}); 
</script> 

<div id="myAlert" class="alert alert-info"> 
    <a href="#" class="close" data-dismiss="alert">&times;</a> 
    <strong>Note!</strong> Please read the comments carefully. 
</div>

來源

2014-12-16 14:32:46 AdRock

當你關閉時，與Dom相關的dom元素將從Dom中刪除。

試試這個：

<html> 
<head> 
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> 
    <script src="node_modules/jquery/dist/jquery.min.js"></script> 

    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 
</head> 
<body> 
    <form id="myform"> 
     <input type="submit" value="Submit"> 

    </form> 
<div id="messages" class="hide" role="alert"> 
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <div id="messages_content"></div> 
</div> 
<script> 
    $('#myform').submit(function(e) { 
     $('#messages').removeClass('hide').addClass('alert alert-success alert-dismissible').slideDown().show(); 
     $('#messages_content').html('<h4 class="usefont" style="text-align: center">Thank you message!</h4>'); 
     $('#modal').modal('show'); 
     e.preventDefault(); 
    }); 
    $('#messages').on('close.bs.alert', function (e) { 
     $('#messages').removeClass('alert alert-success alert-dismissible').addClass('hide').slideDown().show(); 
     e.preventDefault(); 

    }); 

</script> 
</body>

來源

2017-09-28 06:15:20 Luv

Jquery事件在引導程序的警報中的關閉類按鈕

回答

相關問題