隐藏 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-->

当我转到该页面时，该警报不会命中。 当我刷新页面时，它显示警报...

Answer 1

你需要

将你的jQuery方法调用包装在一个文档ready()中：

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

或者，您可以使用CSS最初隐藏表：

#book_info {
    display: none;
}

。然后在想要显示时调用 jQuery 的 show() 方法：

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