在html js中自动关闭警报

问题描述 投票:-1回答:1

我正在寻找实施有用的答案 此处 但在我的浏览器中,甚至在这里的代码片段中,我都无法使用,但在jsfiddle中却可以使用。http:/jsfiddle.netjoydh7L02

基本上,警报总是显示,脚本似乎不工作。我是一个初学者,所以可能错过了一些非常明显的东西。任何帮助感激不尽

更新:根据一些评论,我正在使用bootstrap,并使用他们推荐的jQuery链接。谢谢你的帮助

"https:/code.jquery.comjquery-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>
javascript html jquery
1个回答
0
投票

确保你已经包含了Jquery插件。

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

如果使用css框架,如booststrap,你也可以包括。

© www.soinside.com 2019 - 2024. All rights reserved.