1

jquery.form.jsを介して追加している要素のfadeIn()を実行する方法を誤解していると思いますが、他の投稿で見つけたものを試した後、どこにも行きませんでした。私はまだjQueryとjavascriptを学んでいるので、おそらく私のエラーはそこにある単純なものです。

jquery.form.js ajaxFormを成功させるには、次のコード行があります。

jQuery('#aThankYouTarget').append(jQuery("<p>"+data+"</p>")).fadeIn(1000);

このラインのバリエーションを試しましたが、フェードの結果が見られないようです。私のデータは期待どおりに表示されていますが、フェードがありません。また、次のようにhide()を入れてみましたが、そうすると、hideは機能しているように見えますが、fadeInはそこでも発生しません。

jQuery('#aThankYouTarget').append(jQuery("<p>"+data+"</p>").hide()).fadeIn(1000);

また、ここで別の質問で示唆されているように、私は次のようなデータで試しました。とにかく使っていたのは「テキスト」だったと思います。それが機能していないときにその人が提案したことをずっと忘れていたからです。

jQuery('#aThankYouTarget').append(jQuery("<p></p>").text(data.content).hide()).fadeIn(1000);

最初の例に似たものが本当に好きです。JavaScriptの段落セクションが最終的にHTMLのように見え、読みやすくなると思いますが、誰かが私に要素を作成するように話したい場合は、それにテキストを追加すると、おそらく説得される可能性があります。主なことは、fadeIn()を機能させる方法を見つけることです。

ありがとうございました。

編集:#aThankYouTargetはdivであり、その中に段落があります。ページが読み込まれると、いくつかの段落がすでに存在している可能性があります。私がやりたいフェードインは、フォーム送信後に新しく追加された段落をフェードインすることです。

4

1 に答える 1

1

あなたはひどく近かった。あなたは.hide()最初にそうする必要があります、しかしあなたは間違ったことを衰退させていました!

jQuery("<p>"+data+"</p>").appendTo('#aThankYouTarget').hide().fadeIn(1000);

<p>注:がメインオブジェクトになるように順序を入れ替えました。が追加された、両方がで動作するようになり.hide()ます。.fadeIn()<p>

于 2011-01-06T06:21:52.303 に答える