問題タブ [replacewith]

こんにちは私はボタンをクリックしたときにjqueryを使用してdivを新しいdivに置き換えようとしています。現在、ボタンをクリックすると、新しいdivが表示されません。ボタンをクリックすると、空白になります。どうすれば隠されたものを見ることができますか？

例はここにあります：http：//jsfiddle.net/S8HxM/1/

私は本当に奇妙な行動をしています。私はこのコードを持っています (無関係なコードを削除します)。

$('td.translation button')ハンドラーでtd.html('foo');は機能しませんがtd.replaceWith('<td class="translation translated-string">foo</td>');機能します。エラーはありません。単に何もしません。

これを使用してこの動作を再現しようとしています:

しかし、上記のコードは機能します。

を使用できますが、関数が機能しないreplaceWith理由を知る必要があります。html理由を知っている人はいますか？

更新:これを追加するwindow.td = td;と、コンソールからhtmlを呼び出すことができ、動作します。

特定の単語をhtmlに置き換えるreplacewith関数をjQueryで記述しようとしています。

基本的に、ドキュメントが読み込まれる[this]と、のようなものを置き換えようとしています。<span class='myclass'>私はいくつかのサンプルを探しましたが、私が見たいくつかのことはうまくいきませんでした. 私はまだjQueryを学んでいるので、何を試してみるべきか、誰かが私にいくつかの提案をしてくれることを願っています.

前もって感謝します、スティーブン。

HTML/テキスト:

JavaScript:

- 編集 -

以下の Nir ​​のデモを使用して、関数にいくつかの変更を加えました。私がやっていることについて、もう少し詳しく説明します。私はすでに適切なクラスを持っているインライン部分を作成しようとしています。htmlではうまくいきますが、jQuery関数を実行するとうまくいかないようです。

タグが置き換えられていることは明らかですが、前述のように、私の css は実際には機能していないようです。

HTMLへのリンクはこちら

ここにjsfiddleへのリンクがあります

このHTML

この短縮マークアップに

上記のように使用してもテキストは変化しませんreplaceWith。

元の問題を解決するのに役立つコードを見つけました。一部のコンテンツにビデオが含まれているタブ付きコンテンツのセクションがあります。ビデオを再生してから別のタブを選択すると、ビデオはバックグラウンドで再生され続けます。私が推測する一般的な問題:)

いずれにせよ、動作しているように見えるコードをいくつか見つけましたが、どうやら何か間違ったことをしたようです。これはコードです：

問題はこれです: test実際、正しい div を返します。現在のアクティブなタブより前に開いていたタブの div ID を取得します。それは御馳走になります。また、divを削除しています。

ただし、元に戻すわけではありません。何が起こっているのかを確認するために「アラート」を表示すると、divが削除されますが、元に戻されることはありません(「未定義」として返されます)。cloneそのため、単にクローンを作成していないのか、それとも機能していないのかはわかりません$('#'+test+'-holder').html(clone);。

補足として、私はこの代替手段も試しました：

それは実際にはうまく機能していました-コンテンツをコンテンツに置き換えていました（ビデオの再生が停止しました）しかし-videoコンテンツにタグがある場合（つまり、HTML5ビデオの再生）、何らかの理由でビデオが失われます。返された HTML は正確ですが、理解できない理由により、ビデオが認識されなくなり、何も再生されません。ビデオがまったく存在しないか、間違ったパスであるかのように動作します。(これはDOMがそれを認識しなくなったことと関係があると思いますか?)

いずれかのバージョンのコードを修正する方法を知っている人はいますか? ここで何が起こっているのか見えないからです。

本当にありがとう！

ETA: 余談ですが、replaceWith() 関数を使用していて、HTML5 ビデオを含むタブに移動して再生し、タブを入れ替えると、ビデオが含まれるタブに戻ると、ビデオがまだそこにあり、正常に動作し、「再生」をクリックすると、タブを交換したポイントから再生されます (最初からやり直すのではなく)。

ビデオを含むタブに移動し、HTML5 ビデオを再生する前に別のタブに移動すると、HTML5 ビデオを含むタブに戻ると、ビデオが消えます。本当に変です。

それが役立つ場合、これはこれまでのところ Google Chrome でのみ発生します。他のブラウザで問題が発生するかどうかはまだ実際に確認していません。

私は次のコードを持っています:

取得した動作がわかりません。最初のアラートには、正しいクラスが表示されます (「locked_」で始まります)。2 番目のアラートには null が表示されます。適切なクラスがありますが、同じボタンを再度クリックすることはできません。それは正常ですか？私は何をすべきか ？

ウェブサイトがロードされたときにテキストフィールドが作成された場合、jQueryの日付ピッカーを機能させることができますが、. replaceWith()関数、それは動作しません。

ウェブサイトがロードされたときに表示されるコードは次のとおりです。 http://jsfiddle.net/ZnKMX/3/

そして、replaceWith を使用してテキストフィールドを作成するコードは次のとおりです: http://jsfiddle.net/ZnKMX/4/

次の 2 つの手順を実行する必要があります。

1) div をクリックしたときに InputBox を表示します。2）マウスがその入力ボックスの外にあるときにdivを表示します。

ステップ 2 は機能しません。

ありがとうございました：）