为什么我的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的高度？

回答

相关问题