Question

我试图在点击时设置容器div更改设置高度，但是无法让它工作。我不知道我搞砸了哪里，并且喜欢输入，因为我对Javascript很新。

$(function() {
  $('#menu').click(function() {

        $(".outer").css('height','600px ');
 });
 });

这是一个JS小提琴：https://jsfiddle.net/r92cc51d/2/

Answer 1

如果你只是想增加点击的高度，那么你不需要在JS中这样做。你也可以用html来做。

<div id="outer">
  <div id="menu" onClick = "document.getElementById('outer').style.height = '600px';">
  
   </div>
  </div>

Answer 2

Oki几个错误：

Anonymous Function未正确关闭。
在＆＃39; height＆＃39;
在Fiddle

整改代码：

$(function() {
      $('#menu').click(function() {
        $(".outer").css('height', '600px');
      });
})

Updated Fiddle

＆＃13;

$(function() {
      $('#menu').click(function() {

        $(".outer").css('height', '600px');
      });
    })

＆＃13;

.outer {
  width: 200px;
  height: 200px;
  background-color: #111111;
}

#menu {
  height: 20px;
  width: 20px;
  background-color: #666666;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="outer">
  <div id="menu">
  </div>
</div>

＆＃13;

Answer 3

您缺少点击功能的右括号：

ioloop.IOLoop.current().run_sync(f).size == 0

$('#menu').on('click', function() {
    $('.outer').css('height', '400px');
});

.outer {
  width: 200px;
  height: 200px;
  background-color: #111111;
}

#menu {
  height: 20px;
  width: 20px;
  background-color: #666666;
}

尝试在点击时使容器div更改高度

3 个答案: