Div не скрывает

Question

Я пытаюсь скрыть этот div, используя JQuery.

<div id="nbar" style="background-color: #f7f7f7; box-shadow: 0 0 1px lightgray; margin-bottom: 20px; padding-left: 0; width: 100%; margin-top: 5px" class="search-navbar collapse navbar-collapse font-xs"> 
      <ul class="no-margin nav navbar-nav"> 
       <li><a href="#" id="ccb">Computer Code</a></li> 
       <li><a href="#" id="nameb">Name</a></li> 
       <li><a href="#" id="experienceb">Experience</a></li> 
       <li><a href="#" id="winsb">No of Win Cases</a></li> 
       <li><a href="#" id="totalb">Total Cases</a></li> 
       <li><a href="#" id="tlsrankb">TLS Rank</a></li> 
      </ul> 
      <!---End of no-margin nav navbar-nav---> 
     </div> 

используя это в готовом

function SearchLawyers(SearchText) { 

      var url1 = "LawyerData/SearchLawyer/?pTextToSearch=" + SearchText; 
      MyWebApp.Gl 

obals.MakeAjaxCall("GET", url1, "{}", function (result) { 
      if (result.success === true) { 
       console.log(result); 

       window.globala = result.data; 
       debugger; 

       if (jQuery.isEmptyObject(window.globala.LawyerList)) { 
        window.isFind = false; 
        $("#nbar").css({ 'display': 'none' }); 
        $("#nbar").hide(); 
        $(".no-margin nav navbar-nav").hide(); 
        $("#Records").html("<h1>No Results Found...!!!<h1>"); 
       } 
       else { 
        window.isFind = true; 

        DisplayLawyerData(result.data); 
        } 
      } else { 
       MyWebApp.UI.showRoasterMessage(result.error, Enums.MessageType.Error); 
      } 
     }, function (xhr, ajaxOptions, thrownError) { 
      MyWebApp.UI.showRoasterMessage('A problem has occurred while getting Lawyers: "' + thrownError + '". Please try again.', Enums.MessageType.Error); 
     }); 

    } 

но не работает. jquery выполняется успешно и не показывает никакой ошибки, но div все еще находится на странице. Записи не найдено, но div также отображается

Answer 1

Возможно, вы скрываете div, прежде чем нанести на страницу. Попробуйте это

$(document).ready(function() { 
    $("#nbar").hide(); 
}); 

Answer 2

//in document ready event 
 

 
$('#nbar').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="nbar" style="background-color: #f7f7f7; box-shadow: 0 0 1px lightgray; margin-bottom: 20px; padding-left: 0; width: 100%; margin-top: 5px" class="search-navbar collapse navbar-collapse font-xs"> 
 
      <ul class="no-margin nav navbar-nav"> 
 
       <li><a href="#" id="ccb">Computer Code</a></li> 
 
       <li><a href="#" id="nameb">Name</a></li> 
 
       <li><a href="#" id="experienceb">Experience</a></li> 
 
       <li><a href="#" id="winsb">No of Win Cases</a></li> 
 
       <li><a href="#" id="totalb">Total Cases</a></li> 
 
       <li><a href="#" id="tlsrankb">TLS Rank</a></li> 
 
      </ul> 
 
      <!---End of no-margin nav navbar-nav---> 
 
     </div>

Answer 3

Jquery это событие на основе вам нужно скрыть на какое-то событие, как при загрузке окна.

$(document).ready(function(){ 
    $("#nbar").hide(); 
}); 

Или

$(document).ready(function(){ 
     $("#nbar").css({'display':'none'}); 
    }); 

Answer 4

Попробуйте это,

$(document).ready(function(){ 
    $("#nbar").hide(); 
}); 

https://jsfiddle.net/82rpsyhk/1/