如何在单击链接后显示警告框

net*_*ken 5 javascript php jquery twitter-bootstrap

你好,这就是我想做的.我想在用户点击链接后显示警告框.我的链接指向另一个php页面,但它会再次返回到找到链接的页面.我怎样才能实现这一目标?有人可以给我一些关于如何做的想法吗?

这是我尝试但不工作的.

<?php

function fsa() {
  echo '<div class="alert alert-success alert-dismissable" id="success-alert">';
  echo '<strong>Successfully posted!</strong>';
  echo '</div>';
}


<a class='btn btn-info left-margin' href="dbf-import.php" onclick="fsa()">Import Database</a>   
Run Code Online (Sandbox Code Playgroud)

Ice*_*man 3

这是一个在单击按钮时显示可关闭警报框的示例。

$(document).ready(function() {
  $('.activater').click(function() {
    $('.alert').show()
  })
});
Run Code Online (Sandbox Code Playgroud)
.alert {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />

<body>
  <div class="container">
    <h2>Dismissal Alert Messages</h2>
    <button class="activater">Send Message</button>
    <a class="activater">SHOW MESSAGE</a>
    <div class="alert alert-success alert-dismissable">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      Success! message sent successfully.
    </div>

  </div>
</body>
Run Code Online (Sandbox Code Playgroud)