ユーザーがフォームを送信したら、ページのフォームを非表示にする必要があります。通常は使用するだけですが、使用display: none
しているjQueryファイルアップロードプラグインのため、フォームが非表示になると転送が終了します。現在、フォームが送信されたときにこれを行っています。
// Switch out the form for upload progress
$('#upload-form').animate({opacity: 0}, function() {
$('#progress-container').fadeIn('fast');
});
ただし、#progress-container
要素はまだ存在し、表示されないため、アップロードフォームがあった場所にdivは表示されません。言い換えれば、それはそれらの下でシャントされています。
フォームとその中の要素を使用せずに適切に非表示にしdisplay: none
、#upload-container
divを適切な場所に表示する方法はありますか?
ありがとう。