如何觸發close.bs.alert，我正在嘗試關閉警報（在我的情況下為“洗掉”按鈕），但它沒有觸發，我做錯了什么？
<div class="alert alert-success alert-dismissible fade show" role="alert">
<a class="alert-link" id="myalert" href="#">test</a>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><h6>Remove</h6></button>
</div>
<script>
$("#myalert").on('close.bs.alert', function () {
alert('The myAlert is about to be closed.');
});
</script>
</div>
<script type="text/javascript"
src="~/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript"
src="~/vendor/formvalidation.io/js/plugins/Bootstrap.min.js"></script>
uj5u.com熱心網友回復：
您應該針對 close.bs.alert 事件的 jQuery 選擇器內的警報 div 而不是錨標記。檢查以下示例 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
</head>
<body>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">Remove</span>
</button>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
$('.alert').on('close.bs.alert', function () {
alert('The myAlert is about to be closed.');
})
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/463719.html
標籤：javascript
下一篇：如何在navigator.notification.alert之后使用navigator.app.exitApp()