知道为什么这个jquery不能在IE中工作但在Firefox中工作

时间:2011-03-04 22:03:07

标签: jquery css

我有一些代码可以确保这两个id为id的内容和txtCotent的div是相同的高度。

  <script language = "javascript" src = "js/jquery.js"></script>
  <script>
    $(document).ready(function () {

    var h = $('#wrapContent#').css('height');
    $('#content, #txtContent').css('height', h);
                                });
    </script>

为什么这在IE中不起作用的任何想法?这是链接... http://students.uwf.edu/bmg17/workshop/index.cfm

3 个答案:

答案 0 :(得分:2)

$('#content, #txtContent').css('height', h);

h应该等于h + 'px'

你需要表达UNITS,在这种情况下,px = pixels。

答案 1 :(得分:1)

尝试:

$(document).ready(function () {

    var h = $('#wrapContent').height();
    $('#content, #txtContent').css('height', h + 'px');
});

编辑:已更改为height()而非css('height')

答案 2 :(得分:1)

如上所述,因为你使用的是css(),你必须为'height'指定一个像素单位,但是,如果你使用height(),你可以这样做:

<script>
$(document).ready(function () {

var h = $('#wrapContent#').height();
$('#content, #txtContent').height(h);
                            });
</script>

没有指定像素,因为如果没有给出单位,jQuery将假设像素。虽然可以根据需要指定不同的单位。