是否可以透過 jQuery 事件檢測影像載入?


要使用 jQuery 檢測影像載入,請使用 load() 事件處理器。

注意:load() 方法在 jQuery 版本 1.8 中已棄用。它在版本 3.0 中完全刪除。要檢視其工作情況,請在 3.0 之前新增 jQuery 版本的 CDN。

示例

你可以嘗試執行以下程式碼,學習如何檢測影像載入

線上演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("img").load(function(){
        alert("Image successfully loaded.");
    });
});
</script>
</head>
<body>

<img src="/videotutorials/images/tutor_connect_home.jpg" alt="Tutor" width="304" height="236">

<p><strong>Note:</strong> The load() method deprecated in jQuery version 1.8. It was completely removed in version 3.0. To see its working, add jQuery version for CDN before 3.0.</p>

</body>
</html>

更新於:2019 年 12 月 11 日

2 千次以上瀏覽

開啟你的 職業

完成課程並獲得認證

開始
廣告
© . All rights reserved.