問題タブ [replacewith]

そのため、コンテンツをjQueryに置き換えたいフローティングdivがあります。ここでは、たとえば Bing と Google のロゴを入れていますが、ドキュメントを確認しても、何が問題なのかわかりません。古いコンテンツをタグで置き換えるために何かをラップするまで、他の人が問題を抱えていることに気付きましたが、それはうまくいきませんでした. 問題はネストされた div によるものですか、それとも...?

2 つのフォームがあるページがあります。各フォームは、ページ上の結果をフィルタリングするさまざまな方法です。最初の形式はcollection_select. 2 番目の形式はtext_field_tag. それぞれが同じコントローラに送信され、 を使用してデータが返されますindex.js.erb。Firebug は、Ajax 呼び出しがそれらの両方で機能し、適切な結果を返すことを示していますが、フォームから返された結果のみがtext_field_tag実際にページを更新します。同じコードを使用してindex.js.erb両方の呼び出しから結果を返すため、一方が機能し、もう一方が機能しない理由がわかりません。

index.html.erb:

_list.html.erb:

index.js.erb:

_filter.html.erb:

_search.html.erb:

コントローラー.rb:

AJAX 呼び出しからの戻り値の例を次に示します。

動作:

動作しません:

Firebug は、両方の呼び出しからの Ajax リターンが正常に機能することを示していreplaceWithますが、フィルター フォームから返されたものに対しては機能しませんが、検索フォームから返されたものに対しては機能します。お気付きかもしれませんが、サンプルの Ajax の結果はまったく同じですが、なぜか最初の結果は機能し、2 番目の結果は機能しません。両方に同じindex.js.erbコードが使用されます。

アップデート：

また、上記の index.js.erb を次のように置き換えてみました。

これは、上記と同じ方法で機能します。を使用したtext_field_tagクエリと を使用したクエリは、どちらも同じコントローラーと同じビュー コードをcollection_select使用し、両方とも同じ AJAX 結果を返しますが、機能しません。index.js.erb

更新 2:

このバージョンを使用するcollection_selectと、AJAX 呼び出しが jquery 行 2215 に戻った後、firebug で警告が表示されます。

text_field_tagAJAX 呼び出し ではこの警告は表示されません。

PHP/MySQLを介して入力された連絡先のテーブルがあります。各連絡先は独自の行にあり、そのクラス名は「line」に行番号を加えたものです（例：「line01」または「line02」）。

新しい連絡先の追加、現在の連絡先の編集、連絡先の削除に使用しているjQueryモーダルダイアログがあります。私は.replaceWith()編集と.append();新しい連絡先の追加に使用しています。ここでの私の課題は、編集機能を正しく機能させて、編集中の<div>行のみを置き換え、すべての行を置き換えることではないようにすることです。

置換する特定の要素を選択するにはどうすればよいですか、または置換される行が編集中の行と同じIDを持っていることを確認するにはどうすればよいですか？十分に単純なはずですが、正しく機能させることができませんでした。ヘルプをいただければ幸いです。

これが私がこれまでに持っているコードです：

編集：これがのためのコードですedit_contact()：

編集：保存機能を処理するPHPは次のとおりです。

}

私の Web ブラウザーのユーザー スクリプト プロジェクトでは、テキストと同じ親ノードの下にある他の HTML 要素に影響を与えずに、1 つのテキスト ノードだけを置き換える必要があります。そして、それを複数のノードに置き換える必要があります。

なる必要があります:

私は、jQuery がテキスト ノードをあまりサポートしていないことを知っています。jQuery の代わりに直接 DOM 呼び出しを使用できることはわかっています。$('#target').html(そして、私は自分の新しいもの+を変えたくないようなことをすることができることを知っています)。また、初期スペースを保持したいことに注意してください。これだけでは難しいようです。

ここで専門家に聞きたいのは、これを行うための最も慣用的な jQuery の方法はありますか?

input type=fileユーザーがアップロードしたいファイルの変更を処理するためにreplaceWithforを使用しています。

私はこのコードを持っています：

ここで問題となるのは、ユーザーが間違った拡張機能を最初にアップロードした後、このjquerychangedイベントが呼び出されないことです。

なぜこれが起こっているのか私にはわかりません。ユーザーが最初に有効な拡張機能をアップロードしてから、それを他の有効な拡張機能に変更すると、すべてが正常に機能します。

クリック時にjQueryの「replaceWith」関数をアクティブにしてdiv1をdiv2に置き換え、次に「replaceWith」を再度使用してクリック時にdiv2をdiv1に置き換えようとしています。

div2をクリックしても、div1が再表示されないことを除いて、すべてが機能しています。

私のコードは：

ほぼ機能しているjsfiddleはここにあります：

http://jsfiddle.net/9zsdN/2/

私の質問は以下のリンクで答えられたと確信していますが、それを私の正確なコードに適用する方法がわかりません。

replaceWith後にイベントが登録されない

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

上記は私が使用しているJavascriptであり、ここにHTMLがあります

私がやりたいのは、誰かが「.td」divをクリックして入力フィールドに変えたときです。switchを使用する必要があると思う理由は、満たす必要のある条件がたくさんあり（コード内で確認できるように）、ifandelseステートメントが多すぎるためです。プログラミングを始めたばかりなので、これが正しく行われているかどうかはわかりません（ここでは完全な初心者なので、エラーがたくさんある場合はご容赦ください）HTMLタグ内に表示されるコンテンツは、場合に備えてテンプレート変数です。あなたは疑問に思っています。

replacewith コードを実装した後、カラーボックスに問題があります。

replacewith を使用して置き換えられる 2 つの要素があります。これらの要素をクリックすると、目的のコンテンツのカラーボックスが表示されます。ただし、replacewith を使用してこれらの要素のコンテンツを変更すると、カラーボックスが適切な div コンテンツをロードできなくなります。

カラーボックス スクリプト

Jquery Replacewith スクリプト

ここでは両方の a.class がインラインであることに気付きましたが、ページが読み込まれると、これを使用しても「インライン cboxelement」が読み込まれ、正しいコンテンツを読み込むことができなくなります。

replacewith が行う変更にデータを追加しようとしましたが、これにより要素は以前と同じままになります

どんな助けでも感謝しています。ありがとう

に割り当てることは可能select()ですreplaceWith()か？

私は上記のコードを試しましたが、うまくいきません（これはreplaceWith()架空の要素であるためだと思います（私が言っていることを理解した場合））。

しかし、私はそれを中に置くことによってそれを機能させonclick="this.focus();this.select()"ましたreplaceWith()

replaceWith()しかし、最初のコードがやろうとしているように、コードの外でそれを好むでしょう。

すべてのYouTubeオブジェクトタグをiFrameに置き換えるJavascriptコードを作成しようとしています。代わりに、私が作成した関数は最初の関数を置き換え<object>、その後停止して、上記の後にすべてのコンテンツを破棄します<object>。

改行などの別の要素を使用すると、すべてのタグ<br>が正常に置き換えられ、コンテンツが失われることはありません。<object><br>