高度在自调用函数内部不起作用

Question

高度在自调用函数内部不起作用但内部（文档）.ready（function（）

是可以的

＆＃13;

＆＃13;

(function($){
	var clientHeight = document.getElementById('home').clientHeight;
	alert(clientHeight);
})(jQuery);

＆＃13;

<div id="home" style="background-position: 50% 0px; height: 635px;">
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

  

在您的网页中加入jQuery库，否则您会在控制台中发现jQuery is not defined错误。

试试这个：

(function($) {
  var clientHeight = document.getElementById('home').clientHeight;
  alert(clientHeight);
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="home" style="background-position: 50% 0px; height: 635px;">
</div>

或者只是删除document.ready ，因为您没有使用任何其他jQuery方法

(function() {
  var clientHeight = document.getElementById('home').clientHeight;
  alert(clientHeight);
})();

<div id="home" style="background-position: 50% 0px; height: 635px;">
</div>