0

ユーザーがフォームを送信したら、ページのフォームを非表示にする必要があります。通常は使用するだけですが、使用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-containerdivを適切な場所に表示する方法はありますか?

ありがとう。

4

2 に答える 2

0

これを投稿した直後に脳波を得ました。実際にはそれほど難しいことではないことがわかりました。最終的なコードは次のとおりです。

// Switch out the form for upload progress
$('#upload-form').animate({opacity: 0}, function() {
    $('#upload-form').css('position', 'absolute');
    $('#progress-container').fadeIn('fast');
});

これで、#progress-containerdivがフォームの上部に浮かびます。

于 2012-06-18T20:55:59.617 に答える
0

フォームの内部htmlの値をNULLに設定してみることができます。

$('#upload-form').html('').
于 2012-06-18T20:59:31.653 に答える