gpt4 book ai didi

javascript - 为什么我的 Jquery 函数没有改变文本区域的高度?

转载 作者:太空宇宙 更新时间:2023-11-04 10:00:08 25 4
gpt4 key购买 nike

这是我用来编辑文本区域和“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;
}

这是包含我的文本区域的 div(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;

最佳答案

您设置的 css 不正确。我建议你也使用变量

喜欢

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

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

试一试

关于javascript - 为什么我的 Jquery 函数没有改变文本区域的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38400567/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com