任何想法爲什麼這個jQuery不會在IE中工作，但在Firefox中工作

我有一些代碼，以確保這兩個具有ID的內容和txtCotent的div是相同的高度。任何想法爲什麼這個jQuery不會在IE中工作，但在Firefox中工作

<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

來源

2011-03-04 Bri

Bri你實際上有2個div，其內容的ID實際上可能會在jQuery中造成嚴重破壞。您應該將ID更改爲唯一。 – 2011-03-04 22:33:36

嘗試：

$(document).ready(function() { 

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

編輯：更改爲height()，而不是css('height')。

來源

2011-03-04 22:05:04

總是......很瑣碎; ;謝謝。 – Bri 2011-03-04 22:06:03

實際上，我添加了+'px'現在在firefox中不起作用。哈哈。 – Bri 2011-03-04 22:07:05

我打印出h中的內容，並且顯示1014px ...所以在添加'px'之前。：\嗯。 – Bri 2011-03-04 22:15:25

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

^h應該等於h + 'px'

你需要表達單位，在這種情況下，PX =像素。

來源

2011-03-04 22:04:50

如上，因爲正在使用的CSS（）你必須爲「高度」指定以像素爲單位，但是，如果使用高度（）中提到代替可以這樣做：

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

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

不指定像素因爲如果沒有給出任何單位，jQuery將假定像素。儘管如果需要可以指定一個不同的單位。

來源

2011-03-04 22:28:12

任何想法爲什麼這個jQuery不會在IE中工作，但在Firefox中工作

回答

相關問題