Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导-单击按钮时显示错误消息_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 引导-单击按钮时显示错误消息

Jquery 引导-单击按钮时显示错误消息,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我是jquery的新手。我正在我的网页上使用引导,我想在用户单击时显示一条错误消息 $("Btn_register").on('click', function () { $(".alert").alert(); }); 代码正在工作,但在加载页面时也会显示错误消息。我需要隐藏消息并仅在单击事件时显示。我试着加上 $(document).ready(function () { $(".alert").hide(); });

我是jquery的新手。我正在我的网页上使用引导,我想在用户单击时显示一条错误消息

        $("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.

错误提交数据时出现问题。

您需要使用CSS将警报设置为
display:none
。给你的警报一个ID会更容易,比如
ID=“myAlert”
,在你的CSS中你会有
#myAlert{display:none;}
。然后,当需要显示警报时,您可以使用jQuery来显示它:
$(“#myAlert”).fadeIn()

下面是一个JSFIDLE,向您展示它是如何工作的:


您的代码中还有
$(“Btn_寄存器”)。在('click',function(){
。如果“Btn_寄存器”是一个ID,则需要在开头用英镑符号引用它,例如
$(“#Btn_寄存器”)

您需要使用CSS将警报设置为
display:none
。为警报提供一个ID会更容易,例如
ID=“myAlert”
,在CSS中您将拥有
\myAlert{display:none;}
。然后,当显示警报时,您可以使用jQuery显示它:
$(''myAlert')。fadeIn()

下面是一个JSFIDLE,向您展示它是如何工作的:

您的代码中也有
$(“Btn_寄存器”)。在('click',function(){
。如果“Btn_寄存器”是一个ID,您需要在开始时用英镑符号引用它,例如
$(“#Btn_寄存器”)
尝试使用引导程序“Alertify”: 该链接提供了所有您需要做的事情。只需下载文件,将脚本和样式包含在您的中,然后开始使用它们。这是一种简单、漂亮、优雅的方式来显示小警报。

尝试使用引导程序“Alertify”:
该链接提供了所有您需要做的事情。只需下载文件,将脚本和样式包含在您的中,然后开始使用它们。这是一种简单、漂亮、优雅的方式来显示小警报。

我为您制作了一个JSFIDLE,因为您的代码中还有一些错误。我将用小提琴更新我的答案。我为您制作了一个JSFIDLE,因为有一些错误你的代码有更多错误。我会用小提琴更新我的答案。