Question

这是我的简单搜索框，其中包含错误消息。加载时不应出现错误消息。如果在单击按钮时输入为空，则应显示消息。

为什么此代码错误消息会在加载时显示，但它已被隐藏。

$( document ).ready(function() {
    $('#error-msg').hide();
}

Answer 1

您缺少右括号。

[旁注：可以通过查看控制台上显示的错误轻松识别。

尝试，

$( document ).ready(function() {
    $('#error-msg').hide();
});

DEMO

Answer 2

你不需要jquery来做到这一点。保持简单，在开头添加css：

 #error-msg{
   display:none;
 }

并点击按钮代码：

$('.input-group-btn').click(function(){
 if(!$('#url-input-box').val().length){
  $('#error-msg').show();
 }else{
   $('#error-msg').hide();
 }
});

<强> Demo

Answer 3

您的代码中存在语法错误..

 $( document ).ready(function() {
       $('#error-msg').hide();
   });

document.ready应该以}结尾;}; 当输入为空时，iam附加一个显示错误的plunkr ..希望你发现它很有用。 http://plnkr.co/edit/eR27Ti6Dmegh3OXQuDHR?p=preview

Answer 4

你错过了近距离，你的小提琴中没有包括jQuery。

$( document ).ready(function() {
    $('#error-msg').hide();
});

Answer 5

在您的代码中，需要包含jQuery库文件来访问jQuery函数。

我已在下面的链接中更新了您的代码。

$(document).ready(function() {
$("#error-msg").hide();
});