时间戳

首页 > 解决方案 > html / js中的自动关闭警报

javascript - html / js中的自动关闭警报

问题描述

我希望在这里实现有用的答案，但它在我的浏览器中甚至在此处的代码片段中都不起作用，但在 jsfiddle http://jsfiddle.net/joydh7L0/2/中有效

基本上总是显示警报并且脚本似乎没有工作。我是初学者，所以可能会遗漏一些非常明显的东西。任何帮助表示赞赏！

更新：基于对此的一些评论，我正在使用引导程序并使用他们推荐的 jQuery 链接。谢谢！

“ https://code.jquery.com/jquery-3.4.1.slim.min.js ”

<!doctype html>
<html lang="en">

  <head>
  </head>
  <body>
    <button type="submit" class="btn btn-primary">Submit</button>

    <div class="alert alert-success" id="submitsuccess"   role="alert"> Thanks for letting us know!</div>
    <script>
      $(document).ready(function() {
        $(".alert").hide()
        $("button").click(function showAlert() {
          $(".alert").fadeTo(2000, 500).slideUp(500, function() {
            $(".alert").slideUp(500);
          })
        })
      })
    </script>
  </body>

标签： javascripthtmljquery

解决方案

确保您已包含 Jquery 插件。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

如果使用像 booststrap 这样的 css 框架，你也可以包括在内。

推荐阅读