Jquery 引导-单击按钮时显示错误消息
我是jquery的新手。我正在我的网页上使用引导,我想在用户单击时显示一条错误消息Jquery 引导-单击按钮时显示错误消息,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我是jquery的新手。我正在我的网页上使用引导,我想在用户单击时显示一条错误消息 $("Btn_register").on('click', function () { $(".alert").alert(); }); 代码正在工作,但在加载页面时也会显示错误消息。我需要隐藏消息并仅在单击事件时显示。我试着加上 $(document).ready(function () { $(".alert").hide(); });
$("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">×</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,因为有一些错误你的代码有更多错误。我会用小提琴更新我的答案。