隐藏div时面临问题

时间:2014-01-08 14:51:17

标签: javascript jquery

我正在创建一个表并在创建后立即隐藏它。 [不想面对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-->

当我转到该页面时,警报不会被点击。当我刷新页面时,它会显示警告......

1 个答案:

答案 0 :(得分:1)

您需要将jQuery方法调用包装在document ready()

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

或者你可以使用CSS来初​​始隐藏表格:

#book_info {
    display: none;
}

...然后在想要显示它时调用jQuery的show()方法:

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