開発中のモバイル Web アプリケーションで次の問題が発生しています。javascript では、Image() コントロールがあり、画像が読み込まれたときに発生するイベントが画像コントロールに関連付けられています。ページの「pageshow」イベント内で、Image() の src 属性を有効な画像に設定しています。一度ページにアクセスした後、ページに戻ると、画像の読み込みイベントが発生しません。画像がキャッシュされていることが原因である可能性があるといくつかのスレッドが言っているのを見てきましたが、私の場合はそれが問題ではないと確信しています。画像の読み込みイベントが発生しないのはなぜですか?どうすれば正しく動作させることができますか?
コードは次のとおりです。
<script>
var srcImage = new Image();
$(srcImage).on("load", function() {
...
});
$(document).one("pageshow", '#pageid', function () {
srcImage.src = imagepath;
});
</script>