为什么我的Jquery函数没有改变textarea的高度?

时间:2016-07-15 16:03:07

标签: javascript jquery html css

以下是我用来编辑文本区域和" 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的div(bodyContainer id没有样式化)

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

以下是用于编辑textarea高度的Jquery计算。

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

1 个答案:

答案 0 :(得分:1)

您正在设置错误的CSS。我建议你也使用变量

<?php $a = array(
        0 => array(
                "a" => false,
                "b" => "WCP",
                "c" => "Title A"
            ),
        1 => array(
                "a" => false,
                "b" => "WCP",
                "c" => "Title B"
            ),
            2 => array(
                "a" => false,
                "b" => "WCP",
                "c" => "Title C"
            )
        );
global $checkArray;
$checkArray = $a;
function array_remove($a){
  global $checkArray;
  $arrLen = count($checkArray);
  unset($a['c']);
  foreach ($checkArray as $key => $value) {
    $diff = array_diff($value, $a);
    if (1 != count($diff) ||  !array_key_exists('c', $diff)){
      return true;
    }
  }
  return false;
}
print_r(array_filter($a, "array_remove"));

给那个旋转