jQuery：我需要在$（document）.ready（）中調用$（“img”）。lazyload（）嗎？

Question

它告訴我把它放在我的代碼中來激活它：

$("img").lazyload();

我必須把它放在$(document).ready()嗎？ 或者我可以把它放在頁面的最頂部：

<head>
<script type="text/javascript">
$("img").lazyload();

$(document).ready...{}

</script>
</head>

Answer 1

演示頁面將它放在$（document）.ready（）中，除了它使用簡寫的$（）函數來完成它。

（來自演示）

$( function() {
    $("img").lazyload({placeholder : "img/grey.gif"});
} );

（注意，$（）是一個別名到jQuery的（）函數，該函數CSS選擇器，HTML元素也回調運行DOM負載時）

如果您沒有將它放在ready（）函數中，那么它可能只影響頁面中比您的腳本更早的圖像。 如果你在HEAD中放置腳本，那就不是圖像了。

因此，除非庫以某種方式使用JQuery的.live（）函數，否則需要將它放在ready（）中。

Answer 2

我理解它的方式是，如果你把它放在$(document).ready(...) ，腳本將不會運行，直到DOM加載。 如果你只是將它放在head <script></script>標簽中，那么頁面必須等待腳本完成才能加載剩余的DOM。

如果腳本修改了DOM，這意味着它將運行，什么都不做，然后頁面將加載（沒有受到$("img").lazyload()函數的影響。

Answer 3

你應該把它放在$（document）.ready（）中。

Answer 4

你需要把它放在里面因為它使用jQuery庫。