0

我和 AndyHin 有同样的问题（CSS HTML - DIV 高度填充剩余空间）但是当侯赛因说时看不到在哪里插入 javascript。我必须承认我对用 js 编写很陌生。

我已经尝试将它包含在如下的头部标签之间，并且我也尝试将它插入到 jquery 中，但无济于事。

<head> 

<script> 

Hussein's answer 

</script> 

</head>
4

3 回答 3

2

它依赖于页面上的元素，因此您需要将脚本执行延迟到 DOM 构建完成之后（这样才能实际选择所需的元素）。您有两种选择：

  1. 将<script>标签放在 HTML 文档正文的末尾：

    <script>
    // code here
</script>
</body>

  2. 将<script>标签放在标签内<head>（或放在标签内的任何地方，<body>因为它实际上并不重要），并使用DOM ready事件处理程序：

    <script>
$(document).ready(function() {
    // code here
});
</script>
于 2013-03-11T14:00:12.347 回答
1

放在结束正文标记 ( </body>)之前（最佳解决方案），或将脚本的所有代码包装为

$(function() { Hussein's answer });

如果您没有在文档末尾添加脚本或 use $(document).ready()，则代码会在 dom 准备好之前执行，因此您的 javascript 会找到 dom 元素，并且什么也不做（在最好的情况下）！

这是关于$(function() {})的文章（的缩写形式$(document).ready()）

于 2013-03-11T13:58:14.507 回答
0

在头部添加以下引用

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

您可以在页面上的任何位置插入。

<script>

$(document).ready(function(){
    var one = $('#col_1').height(),
    two = $('#col_2').height(), 
    remaining_height = parseInt($(window).height() - one - two); 
    $('#col_3').height(remaining_height); 
});

<script>
于 2013-03-11T14:01:51.023 回答