問題タブ [jquery-after]

私はコーディングにかなり熟練していますが、基本的に同じことをしているように見えるコードに出くわすことがあります。ここでの私の主な質問は、なぜあなたは.append()代わりに、.after()またはその逆を使用するのですか？

私は探していましたが、2つの違いと、それらを使用する場合と使用しない場合の違いの明確な定義を見つけることができないようです。

どちらか一方の利点は何ですか？また、なぜもう一方ではなく一方を使用するのですか？誰かが私にこれを説明してもらえますか？

継続的にループするjQueryカルーセルを作成しようとしています。ユーザーが「回転」を選択すると、.after（）メソッドを使用して、最初のliが最後のliの後に配置されます。これは初めてのみ機能します。その後、liは自分自身を再配置しません。これが私のHTMLです：

そしてこれが私のJavaScriptです：

これがフィドルです：http：//jsfiddle.net/brianeoneill/76BP8/

前もって感謝します！

ご覧ください: http://jsfiddle.net/s6VdW/

HTML:

JS:

期待される結果は次のとおりです。

HTML として期待される結果は次のとおりです。

エラーは何ですか？jQuery ドキュメント ( http://api.jquery.com/after/ ) によると、次のことが可能になるはずです。

.after()切断された DOM ノードでも機能します。

と

そのセットは、ドキュメントに挿入する前であっても、さらに操作できます。

アップデート

を使用する前に、最初のスパンを最初に DOM に追加する必要があるよう.after()です。しかし、代替手段は何ですか？コードの DOM 非認識部分にいるなどの理由で、DOM にアクセスできない場合はどうすればよいですか? http://jsfiddle.net/s6VdW/10/

更新 2

要素を追加する「一時的な」div を作成できます。次に、その div の子を返します。デモ: http://jsfiddle.net/s6VdW/13/ - 進むべき道のように見えますか?

これはコードです：

「upload」要素をクリックすると、イベントclickとchangeイベントがトリガーされ、「aa」と「upload_3」がアラートされます。<input type="file" name="upload_3" id="upload_3"/>次に、HTML の「upload」要素の後に追加します。しかし、新しく追加された要素 (「upload_3」要素) をクリックするclickと、changeさらにはトリガーされません。

週末ずっとブラウザ ウィンドウを開いたままにした後、今朝、ホースで接続された IE を持ってオフィスに来ました。30 秒ごとに更新される「統計」ダッシュボード バーを作成しています。

戻り値は、完全な xcontents としての html 文字列です。

これを DOM の '本当の' div である #ajaxreturn の後に追加します。この後登場してほしいです。

存在する場合は、dom から削除します。結果を dom に追加します。

私の仮定は、これが破壊するか、ガベージコレクションに送ることでした。しかし、そうではないようです。30 秒ごとに約 15 KB を IE セッションに追加します。

remove() 以外のものを使用する必要がありますか?

<div class="move">I was moved to the parent.</div>次のコードでは、 をクリックしたときに、クリックした要素の親の後に を移動するにはどうすればよいですかAdd New。

after()私はすべて正しいですが、親に移動する必要がある部分を実行できません。

助けていただけますか？

私はここにいくつかのコードを持っています:

html:

Javascript:

実は私JQuery 2.0.2も使っています。

---

私の理解では、 ボタンをクリックするとclick meが"<p>This is paragraph<p>"に置き換えられ<p>hello world</p>ます。

最初のクリックは成功です。ただし、多くhello worldの場合、最初に表示された後に進行の成長率がhello world表示されます。例えば：

---

firebug でソース コードを確認したところ、次のようになっていることがわかりました。

<p>hello world</p>最初のものを新しいものに置き換えなかったのはなぜですか?

pタグを1つだけ表示することを想定していませんか?

私のhtmlタルベは次のとおりです

私のjqueryスクリプトは次のとおりです。

ボタン<input type='button' value='Add' id='addButton2'>、ボタンをクリックすると、html ページの同じコピーが html ページの div に追加されます。Thera は id を持つ入力フィールドであり、html ページfrom-input の jquery 関数です。$('#from-input').multiDatesPicker();id from-input は、counterクリックごとに をアタッチすることで変更されます。生成される値は、from-input2、from-input3、from-input4 などです。日付ピッカーです。日付ピッカーは、 onclick で生成された追加テーブル内では機能しません。どんな助けでも大歓迎です。ありがとう

私はそれ<ul>にいくつかの<li>要素を持つ を持っています。それらの多くは非表示になっており、 jQuery でクリックするとリストの最後に追加されafter()ます。

ただし、何らかの理由で、で追加されafter()た要素は、後で追加された要素に常に少し近すぎます。

ここで示すためにjsbinを作成しました

また、説明するスクリーンショット:

単純なorafter()の代わりに使用する理由は、リストが でスタイルを適用することに依存しているためです。そのため、要素が存在するが非表示になっているだけの場合、リストのスタイリングに問題が発生します。addClassshowli:nth-child(even)

非常に奇妙なバグがあります。競合状態のように見えるものにより、width();呼び出しが異なる結果になります。

私は呼び出し後にこのjQueryを持っています:

html を DOM に挿入します。

次に、要素とクラスを合わせた幅を把握し、menuItemColumsその親 div をその幅にする必要があります。

このマークアップは変数に存在しますselectionMarkup。

これを行うには、次のことを行います。

これは、約 70% の確率で期待どおりに機能しますが、一部の要素で間違った測定値を取得することもあれば、少なくとも最初の測定値が間違っていることもあります。

奇妙な部分は、オブジェクトが正しいように見え、そのプロパティは正しい幅ですが、widht()割り当てられている指定wが正しくないことです:

その画像は、ロギングの結果を明確にするために示しており、w幅プロパティが正しいように見えるため$(this)、どちらが同じである必要があります。$(this)

私はデバッグを続け、これが競合状態であると信じるようになる 2 つのことを発見しました。

最後に投稿したコードを再度実行すると、バグが再現され、問題が修正されます。

次の呼び出しを行うと、異なる結果が得られます。一方は正しくなく、もう一方 (2 つ目) は正しいです。

コードの 2 番目の部分は、最初の部分が完了するまで実行されないという印象を受けました。

注: 競合状態が私が探していた単語であるかどうかは 100% 確信が持てませんが、それでも、アイデアはそれです。

---

アップデート：

@WereWolf-TheAlpha コンソールの出力が jquery オブジェクトのように見えないため、それを再現できず、これしか得られません。

コードを変更せずに。