DOMとタブに要素を保存する際のjQueryの質問

Question

私はプロジェクトに取り組んでいます。下の画像のようなjQueryタブを使用しています。テキストを修正するためのインライン編集スクリプトをインストールし、必要に応じて削除しました。現時点ではデータベースはありません。私はVINデコーダスクリプトを持っており、デフォルトの機能を引き出し、必要に応じて編集することができ、DOMで編集します。それは完璧に動作しますが、タブを「インテリア」に切り替えてから「外部」に戻ると、外部コンテンツは元のリストに戻り、更新は保存されませんでした。

そして、メインページが追加-vehicle.phpにあり、そのページ上で、これは私がコンテンツを取得する方法であるので、これはおそらくです：

<div id="tabContent"> 
     <div id="contentHolder"> 
      <!-- The AJAX fetched content goes here --> 
     </div> 
    </div> 

とコンテンツがfeatures.phpであります

var Tabs = { 
    'Mechanical' : 'features.php?feature=MECHANICAL&vin='+vin+'', 
    'Exterior' : 'features.php?feature=EXTERIOR&vin='+vin+'', 
    'Interior' : 'features.php?feature=INTERIOR&vin='+vin+'', 
    'Safety' : 'features.php?feature=SAFETY&vin='+vin+'', 
} 

誰もが時間上の任意の提案を持っています私はこれをすることができますか？私がしたいことは、インライン編集のすべてが保存されることです、そして、私はdiffernetのタブを切り替えてそれらの変更を行うことができ、すべてが保存されます。

私はこれについて説明しているかどうか不明です。コードをもっと見る必要があるかどうか教えてください。

は、どのようなデータが保存される前に、あなたはDOMからフォームを削除している、これはおそらく予想よりも少し複雑であるあなた

Answer 1

ありがとうございます。

各タブでコードを再度読み込むと、フォームを使い始めることになります。それがロードされた後

• ストアDOMの各タブの内容をタブが表示されていないときだけそれを隠す：

  あなたはこのにいくつかの方法を修正することができます。

• 各タブが「アンロード」されているときは、JavaScriptにデータを格納し、そのタブがロードされたときにタブに戻します。
• 各タブの保存ボタンを有効にして、サーバー側のすべての情報を保存し、タブを取得してフォームサーバー側にデータを入力します。