2つの異なるインスタンスで同じPHPページに表示される 'Loader' gifを取得しようとしています。フォームの送信に 同じPHPページで2つのイベントを処理する2つのローダーgif
- 1ページのロード。
スクリプトは次のようになります。対応<div>
/<img>
<script type="text/javascript">
//on form submit
$(document).ready(function() {
$('#myform').submit(function (e) {
$('#loaderImage').show();
return true;
e.preventDefault();
});
});
// on page load
$(window).load(function() {
$(".DivImage").fadeOut();
});
</script>
は次のようになります。
<div class="DivImage"><img src="loader.gif" style="height:30px; width:auto;" alt=""><br>Loading...</div>
<img src="loader.gif" alt="loader2" style="display:none; height:20px; width:auto;" id="loaderImage">
は残念ながらe.preventDefault();
は、私はまた、フォームの送信に表示、ページの読み込み「ローダー」を参照して、このインスタンスで動作しているようですしません。
回避策はありますか?私はこのようなスニペットを編集しましたコメントを
EDIT
は、しかし、問題は未解決のまま。
<script type="text/javascript">
//on form submit
$(document).ready(function() {
$('#myform').submit(function (e) {
$('#loaderImage').show();
e.preventDefault();
});
});
// on page load
$(window).load(function() {
$(".DivImage").fadeOut();
});
</script>
preventDefaultを設定する前にtrueを返すので、*** e.preventDefault()***は決して呼び出されません。 – Esko
フォーム送信イベント
@Esko' e.preventDefault'を削除してチェックしました。今私が見る動作は、PHPページの送信ボタンが機能しないため、ページの検証が行われないということです。 –