$（window）.load在JQUERY中沒有觸發

Question

我有一個復雜的應用程序，其中html和樣式由框架呈現。 頁面加載時，我需要從許多元素中獲取高度，偏移量，scrollTop位置等信息。 我知道

$( document ).ready

在將樣式應用於元素之前觸發，因此為什么我改用window.load。 問題是我無法點火？ 我用新的和舊的方式來觸發窗口加載來創建小提琴，但是它不起作用。 在我的應用程序中，我使用的是jquery 1.11.1，小提琴使用的是1.9.1。

我實際上如何在應用程序中調用代碼：

<html>
<head>
<script type="javascript" source="https://code.jquery.com/jquery-latest.min.js"/>
</head>
<body>
<H1>
  TITLE
</H1>
<script type="text/javascript">
 $(window).load(function() {
   alert("Window Loaded 1 ");
 });

 $(window).on('load', function() {
   alert("Window Loaded 2 ");
 });
</script>
</body>
</html>

https://jsfiddle.net/9jzLkrve/

Answer 1

.load()事件偵聽器快捷方式已棄用

使用$(window).on('load', function代替。也將其保留在$(document).ready()或window.onload

提琴自動將您的代碼放入onload回調中，這就是為什么它在您的演示中不起作用的原因。 如果您將小提琴中的“加載類型”更改為“無包裝”，則演示可以正常運行

基於添加到問題的新html的更新。 您的腳本標簽無效

更改

<script type="javascript" source="https://code.jquery.com/jquery-latest.min.js"/>

至

<script src="https://code.jquery.com/jquery-latest.min.js"></script>
       <!-- ^ src not source                               ^^ needs closing tag

Answer 2

這里有3處錯誤

不能使用自動關閉的<script />標記
應該是src而不是source
type為type="text/javascript" ，而不是type="javascript" ，請注意：

HTML5規范敦促作者忽略type屬性，而不是提供冗余的MIME類型。

Src： https ： //developer.mozilla.org/zh-CN/docs/Web/HTML/Element/script#attr-type

堆棧片段

 <script src="https://code.jquery.com/jquery-latest.min.js"></script> <H1> TITLE </H1> <script> $(window).load(function() { alert("Window Loaded 1 "); }); $(window).on('load', function() { alert("Window Loaded 2 "); }); </script>

$（window）.load在JQUERY中沒有觸發

問題描述

2 個解決方案

解決方案1
3 已采納 2018-05-06 18:32:07

解決方案2
2 2018-05-06 18:41:25

$（window）.load在JQUERY中沒有觸發

問題描述

2 個解決方案

解決方案1 3 已采納 2018-05-06 18:32:07

解決方案2 2 2018-05-06 18:41:25

解決方案1
3 已采納 2018-05-06 18:32:07

解決方案2
2 2018-05-06 18:41:25