Question

我是一个jquery新手。我在我的网页上使用bootstrap，我想在用户点击时显示错误消息。

        $("Btn_register").on('click', function () {
        $(".alert").alert();
    });

代码正在运行，但在页面加载时也会显示错误消息。我需要隐藏消息并仅在点击事件上显示。我尝试添加;

    $(document).ready(function () {

      $(".alert").hide();
    });

但这没效果。你能帮我隐藏页面加载时的错误信息吗？

错误的HTML代码是：

    <div class="alert alert-warning">
<a href="#" class="close" data-dismiss="alert">&times;</a>
<strong>Error!</strong> A problem has been occurred while submitting your data.

Answer 1

您需要使用CSS将警报设置为display: none。您可以更轻松地为您的提醒添加ID，例如id="myAlert"以及您拥有的#myAlert { display: none; } CSS。然后，当需要显示警报时，您可以使用jQuery来显示它：$('#myAlert').fadeIn()。

这是一个jsFiddle，向您展示它是如何工作的：http://jsfiddle.net/kqCZ8/

在您的代码中，您还有$("Btn_register").on('click', function () {。如果“Btn_register”是一个ID，则需要在开头用英镑符号引用它，例如： $("#Btn_register")

Answer 2

尝试使用Bootstrap＆＃34; Alertify＆＃34;：http://fabien-d.github.io/alertify.js/ 该链接提供了您需要做的所有事情。只需下载文件，包括脚本和样式，然后开始使用它们。它是一种简单，美观，优雅的方式来显示小警报。

Bootstrap - 单击按钮时显示错误消息

2 个答案: