1
クリックした後、警告「ハロー」をポップアップするボタンがあります。 最初のクリックに対しては正常に機能しますが、アラートを閉じてからもう一度ボタンをクリックすると、アラートは表示されません。助けてください。ボタンをクリックした後に警告を表示
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
\t href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
\t src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script
\t src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.hidden {
\t display: none;
}
</style>
<title>Show Alert</title>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
\t <div class="container">
\t \t <div class="row">
\t \t \t <div class="alert alert-success hidden" id="success-alert">
\t \t \t \t <button type="button" class="close" data-dismiss="alert">x</button>
\t \t \t \t <span class="glyphicon glyphicon-ok"></span> Hello
\t \t \t </div>
\t \t </div>
\t \t <div class="row">
\t \t \t <button id="btn" type="button" class="btn btn-default">Open
\t \t \t \t Alert</button>
\t \t </div>
\t </div>
\t <script type="text/javascript">
\t \t $(document).ready(function() {
\t \t \t $("#btn").click(function() {
\t \t \t \t $('#success-alert').removeClass('hidden');
\t \t \t });
\t \t });
\t </script>
</body>
</html>
警告ボックスは、ブートストラップによって除去なっています。それが問題だ。 –
アラートボックスがagianを閉じたときに、隠しクラスを追加する必要があります。 – farhadamjady