我正在创建一个表并在创建后立即隐藏它。 [不想面对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-->
当我转到该页面时,警报不会被点击。当我刷新页面时,它会显示警告......
答案 0 :(得分:1)
您需要将jQuery方法调用包装在document ready()
:
$(document).ready(function() {
$('#book_info').hide();
...
});
或者你可以使用CSS来初始隐藏表格:
#book_info {
display: none;
}
...然后在想要显示它时调用jQuery的show()
方法:
$('#book_info').show();