jQuery在圖像加載後運行代碼

簡單的jQuery代碼段等待在運行一些代碼之前等待圖像加載。唯一的缺點是您需要提供圖像名稱（包括擴展名）。

<span>$('#myImage').attr('src', 'image.jpg').load(function() {  
</span>	<span>//run code
</span>	<span>alert('Image Loaded');  
</span><span>});</span>

經常詢問有關jQuery圖像負載的問題（常見問題解答）

>什麼是jQuery .load（）事件，它如何工作？

jquery .load（）事件是一個強大的工具，每當元素（例如映像）已完全加載到網頁上時，會觸發特定函數。僅在圖像滿載後才要執行某些操作時，此事件特別有用。例如，您可能需要顯示一個加載動畫，直到圖像滿載，然後隱藏動畫。 .load（）事件使此功能成為可能。重要的是要注意，.load（）事件與所有瀏覽器中的所有元素都不一致。它最適合具有src屬性的元素，例如圖像。

>我如何使用jQuery檢測圖像何時加載？

>

您可以在jQuery中使用.load（）事件來檢測圖像何時加載圖像。這是一個簡單的示例：

$（'img'）。 load（function（）{
//您的代碼在此處

>}）;

在此示例中，該函數內部的代碼將在加載圖像加載後立即運行。

為什麼在我的.load（我的.load（我的.load）中，幾個原因是我的幾個事件？射擊。一個常見的原因是，您要定位的圖像已經在腳本運行之前已經加載了。如果您的腳本位於HTML文檔的頭部，並且圖像位於體內，則可能發生這種情況。為了避免這種情況，您可以將腳本放在身體的盡頭，或使用$（document）.Dreadare（）函數來確保您的腳本僅在整個頁面加載後才運行。

>

>我可以將.load（）事件與圖像以外的元素一起使用？

是的，是的，您可以使用具有src atbute sribute的元素的事件。但是，重要的是要注意，.load（）事件與所有瀏覽器中的所有元素都不一致。它可以與圖像之類的元素。

>在jquery？

中如何處理錯誤，您可以通過使用.ERROR（）事件在.load（）事件中處理錯誤。每當加載元素時發生錯誤時，此事件就會觸發功能。這是一個示例： $（'img'）。error（function（）{ //您的代碼在此處}）;在此示例中，如果加載image的錯誤，則函數內部的代碼將運行。

>是否可以將.load（）事件與緩存圖像一起使用？但是，請記住，如果映像被緩存，則可能在您的腳本運行之前加載。為了處理此問題，您可以使用.complete屬性檢查圖像是否完成。如果完成，則可以立即運行功能。否則，您可以使用.load（）事件。

>

>如何使用.load（）事件在加載多個圖像後執行操作？

您可以將.load（）事件與.promise（）方法結合使用。 .promise（）方法返回一個承諾，該承諾可以在綁定到集合的所有某個類型的所有動作（排隊與否）結束時解決。

>我可以將.load（）事件與ajax？

結合使用。每當AJAX請求完成時，.load（）事件可用於運行功能。如果您想在從服務器加載數據後執行操作。

>

>我如何使用.load（）事件從服務器加載數據？

>您可以使用.load（）事件來加載.load（）事件來從服務器加載數據，從而將url作為參數傳遞到.load（）方法。這將向服務器發送AJAX請求，並將數據加載到所選的元素中。

是.load（）事件在jQuery中dorece effect of jquery？

是的，是，.load（）事件已棄用為jquery 1.8，並在jquery 3.0中刪除。建議使用.on（）方法代替附加事件處理程序。

以上是jQuery在圖像加載後運行代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！