爲什麼我的jquery函數不改變我的textarea的高度？

這裏是我用來編輯文本區域和「textarea」面板類的樣式表摘錄。爲什麼我的jquery函數不改變我的textarea的高度？

.panel{ 
    float: left; 
    width: 50%; 
} 

textarea{ 
    resize: none; 
    border-top: none; 
    border-color: grey; 
}

下面是「topbar」，文本區域上方標題的樣式表摘錄。

#topbar{ 
    width: 100%; 
    background-color: #FFFFFF; 
    padding: 5px; 
    height: 20px; 
}

這裏是一個包含我的textarea的股利（該bodyContainer ID不稱呼）

<div id="bodyContainer"> 
    <textarea id="TextPanel" class="panel">Hello World</textarea> 
    <iframe id="outputPanel" class="panel"></iframe> 
</div>

下面是Jquery的計算旨在編輯文本區域的高度。

$(".panel").height($(window).height() - $("#topbar").height() - 15); 
$(".panel").width($(window).width()/2 -10;

來源

2016-07-15 Akash21

它仍然沒有工作 – Akash21

缺少一個接近'）'第二行jQuery的... chekc控制檯HTTPS ：//jsfiddle.net/j202cbf0/ – DaniP

是你的javascript代碼在文檔的下面？，嘗試把你的代碼放在這裏 $（document）.ready（function（）{//把你的代碼放在這裏}）; ，並且您知道$（「。panel」）正在更改textarea和iframe的高度 –

您正在設置錯誤的CSS。我會建議你也使用變量

像

var h= $(window).height() - $("#topbar").height() - 15; 
var w = $(window).width()/2 -10 ; 

$(".panel").css("height", h); 
$(".panel").css("width", w);

給一個掄

來源

2016-07-15 16:12:06

，但您無法設置不在您的css中的高度。添加默認高度或自動 –

http://api.jquery.com/css/ –

你也可以用jquery'height（）'和'width'設置尺寸。所以沒有*錯誤的方式 – DaniP

爲什麼我的jquery函數不改變我的textarea的高度？

回答

相關問題