jQueryの$ .load（）関数を使用してページにフォームを挿入できますか？

Question

ドラッグ・アンド・ドロップ・テーブルがあり、行の順序によって小計の値が決まるページがあります。しかし、それは単なる追加よりも複雑で、JavaScriptのロジックを重複して値を更新することはしません。

単純な解決策は、Ajaxを使用してページ全体をリロードし、Ajax経由でフェッチしたページからテーブルを置き換えることです。多分それは最も洗練された解決策ではないかもしれませんが、私は今すぐ受け入れられる仕事をすばやく行う方法だと思っていました。

次のようなjQueryを使っていることを行うことができます。

$('#element-around-table').load(document.location.href + ' #table-id'); 

しかし、私の「単純な」解決策は表には、Firefoxの（に表示されていない<form>タグが含まれているので、そう単純ではないと判明Safariが動作します）。

Firebugを使用してページを検査すると、フォームが表示されますが、フォームとその要素はグレー表示されます。

ウェブで検索すると、FF3とIEストリップ<form>と言う人がinnerHTMLから電話するとrather confused postが見つかりました。

私はおそらくこれを別のやり方に移すつもりですが、私の将来の参考のために、私は知りたいと思います。

Answer 1

この投稿はかなり混乱していますが、私はあなたのコードをテストしたところ、うまくいきました。 formタグはfirefox 3.0.8で表示されました。

コード例を見ると、不完全な例を与えただけなのでしょうか...あなたが呼び出したページがだけを返すことを確認してください。そのラッパー要素に入るHTML。

Answer 2

私は以前にこのタイプのものに遭遇しました。 FORMタグをDOMに追加する必要があります。それらがinnerHTMLに書き込むメソッドを使って追加された場合、タグは表示されますが、JavaScriptに関してはそこにはありません。