我正在寻找实施有用的答案 此处 但在我的浏览器中,甚至在这里的代码片段中,我都无法使用,但在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>
确保你已经包含了Jquery插件。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
如果使用css框架,如booststrap,你也可以包括。