コードを実行する前に畫像がロードされるのを待つための簡単なjQueryコードスニペット。唯一の欠點は、畫像名（拡張子を含む）を提供する必要があることです。

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

jQuery畫像の負荷に関するよくある質問（FAQ）

jquery .load（）イベントとどのように機能しますか？

jquery .load（）イベントは、畫像などの要素がウェブページに完全にロードされている場合に特定の関數(shù)をトリガーする強力なツールです。このイベントは、畫像が完全にロードされた後にのみ特定のアクションを実行したい場合に特に役立ちます。たとえば、畫像が完全にロードされるまでロードアニメーションを表示し、アニメーションを非表示にすることをお勧めします。 .load（）イベントによりこれが可能になります。 .load（）イベントは、すべてのブラウザのすべての要素と一貫して動作しないことに注意することが重要です。畫像のようなSRC屬性を持つ要素で最適に動作します。

jQueryを使用して、畫像がロードされたときに検出するにはどうすればよいですか？

jQueryの.load（）イベントを使用して、畫像がロードされたときに検出できます。簡単な例は次のとおりです：

$（ 'img'）。発砲。一般的な理由の1つは、ターゲットを絞っている畫像がスクリプトが実行される前にすでにロードされていることです。これは、スクリプトがHTMLドキュメントのヘッドにあり、畫像がボディにある場合に発生する可能性があります。これを回避するために、ボディの最後にスクリプトを配置するか、$（document）.ready（）関數(shù)を使用して、ページ全體が読み込まれた後にのみスクリプトが実行されるようにします。ただし、.load（）イベントは、すべてのブラウザのすべての要素と一貫して動作しないことに注意することが重要です。畫像のような要素で最適に機能します。

jquery？

の.load（）イベントでエラーを処理するにはどうすればよいですか？。error（）イベントを使用して、.load（）イベントでエラーを処理できます。このイベントは、要素のロード中にエラーが発生するたびに関數(shù)をトリガーします。例は次のとおりです。

$（ 'img'）。エラー（function（）{

//ここにコード

}）;

この例では、畫像の読み込みエラーがある場合に関數(shù)內のコードが実行されます。

キャッシュされた畫像で.load（）イベントを使用することは可能ですか？

はい、キャッシュされた畫像で.load（）イベントを使用することができます。ただし、畫像がキャッシュされている場合、スクリプトが実行される前にロードされる可能性があることに留意してください。これを処理するために、.completeプロパティを使用して畫像が完了しているかどうかを確認できます。完了した場合は、すぐに機能を実行できます。それ以外の場合は、.load（）イベントを使用できます。

複數(shù)の畫像がロードされた後に.load（）イベントを使用してアクションを実行するにはどうすればよいですか？

。 .promise（）メソッドは、コレクションにバインドされた特定のタイプのすべてのアクションがキューに縛られているかどうかを解決する約束を返します。 .load（）イベントは、AJAX要求が完了するたびに関數(shù)を実行するために使用できます。これは、サーバーからデータがロードされた後にアクションを実行する場合に役立ちます。

.load（）イベントを使用してサーバーからデータをロードするにはどうすればよいですか？

。これにより、Ajax要求がサーバーに送信され、選択された要素にデータをロードします。

.load（）イベントはjqueryで非推奨です。代わりに.on（）メソッドを使用してイベントハンドラーを添付することをお勧めします。

以上がjQueryは畫像が読み込まれた後にコードを実行しますの詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。