Jquery脚本在桌面上的表现很奇怪

Jquery script is acting weird on desktop

本文关键字:脚本 桌面 Jquery      更新时间:2023-09-26

我使用下面的Jquery脚本来确保我的页面的第一个div的高度等于用户屏幕的视口:

<script type="text/javascript">
    $(window).resize(function() {
      $(".introduction").css("height", window.innerHeight+"px");
    });
</script>
</body>

,其中。introduction是我的第一个div的类。它在我的平板电脑上运行得很好,但在我的大桌面屏幕上看到时却表现得很奇怪。它只工作,如果我右键单击=>检查页面,然后关闭它。

有什么想法吗?

这是我现在正在做的页面:

http://shotokanlaprairie.com/notre-dojo/

您可能希望将脚本放入document.ready中,然后触发事件以在启动时触发它

$(window).resize(function() {
  /* your logic */
}).trigger("resize");