イメージ タグの onload 属性を介してイメージが読み込まれると、関数がトリガーされます。この画像は、jQuery を介して DOM に追加されています。私が抱えている問題は、jQuery がその画像をスローすると、onload に関連付けられた関数が 6 回起動することです。これは、私が目にするいくつかの解決策のように、複雑な問題ではありません (たとえば、最初に 1 回起動し、2 回目に 2 回起動します)。これは6回連続して発火します。なぜこれを行っているのか誰にもわかりますか?
関数をトリガーする画像:
<img src='image_source.png' onload='myFunction();' />
関数:
function myFunction(){
console.log('hello');
}
コンソール ログに Hello が 6 回表示されます。あなたが提供できるかもしれない洞察をありがとう。
編集 - 画像を追加するコードは次のとおりです
$("[id=" + type + "]").html("<img src='" + image + "' class='loaded_image' onload='myFunction();' />");