div를 숨기는 동안 직면하는 문제

Question

나는 테이블을 만들고 생성 직후 숨 깁니다. [DOM에 직면하고 싶지 않습니다.] 그런 다음 사용자가 드롭 다운에서 선택하고 보여줍니다. 그것의 일 벌금. 하지만 그 페이지로 처음 갈 때 그 div를 숨기지 않습니다.

코드

<table class="table table-striped table-bordered " id="book_info" > 
    <tbody> 
    <tr> 
    <td> 
    ... 
    </td> 
    </tr> 
    </tbody> 
    </table> 
    <script> $('#book_info').hide(); 
      alert("passed"); 
    </script> 
    <!-- remaining html stuff--> 

때 내가 고토 해당 페이지 경보가 충돌하지 않습니다. 내가 페이지를 새로 고침 할 때, 그것은 당신이 당신의 jQuery 방법에 호출을 래핑 할 필요가

Answer 1

... 경고 표시하는 document ready() : 또는

$(document).ready(function() { 
    $('#book_info').hide(); 
    ... 
}); 

그냥 처음에 숨겨진 테이블을 렌더링하기 위해 CSS를 사용할 수 있습니다

를

#book_info { 
    display: none; 
} 

... 당신이 그것을 표시 할 때 다음 jQuery의 show() 메소드를 호출

$('#book_info').show();