次の関数を使用して、ブラウザーの動作中に読み込み中の画像を含む div を表示および非表示にしています。Firefox では問題なく動作します。Chrome では、これは行われません。マウスがその上になくても、関数呼び出しを開始するボタンが「クリックされた」状態で、画面は静的なままです。開発者ツールを使用してブレークポイントを設定すると、setVisibility() 関数が呼び出され、ローダー div が適切に表示および非表示になることがわかります。
関数は次のようになります。
function setVisibility(id, visibility) {
if(document.getElementById(id)){
document.getElementById(id).style.display = visibility;
}
}
show/hide 呼び出しの例を次に示します。
setVisibility("loader", "inline");
setVisibility("loader", 'none');
何か案は?