2

設定：

ホームページには2つのタブがあります。

  • タブ1には、ユーザーが入力するフォームがあります。
  • 次に、タブ2をクリックします。
  • そして、彼はタブ1に戻ります。

問題：

ユーザーがタブ1に戻ると、入力したすべてのデータが失われます。

フォームデータを保存する方法はありますか？

補足として、タブ1には[送信]ボタンがあります。[送信]ボタンをクリックするとフォームもクリアされますが、オプションがありますpreventDefault()。これにより、デフォルトの動作を制御し、クリック後にユーザーが入力したデータを保持できます。タブに似たものがあるかどうか疑問に思っていますか？

アップデート1：

タブ1にあるフィールド名を参照するだけで、タブ2にユーザーが入力したデータにアクセスできます。したがって、データは失われないと思います。

アップデート2：

コード：http ：//www.jsfiddle.net/pnuJT

4

2 に答える 2

2

cacheタブを設定するときにオプションを指定する必要があります。

$( ".selector" ).tabs({ cache: true });

これにより、タブプラグインを切り替えるたびにタブコンテンツが再ロードされるのを防ぐことができます。

jQueryUIタブオプション

于 2012-05-15T03:42:46.277 に答える
0

コメントでjQueryタブを使用しているとおっしゃいましたが、jsfiddleにはそれが含まれていませんでした。これを使用していますか？

http://jqueryui.com/demos/tabs/

そのようなプラグインを使用すると、問題を非常に簡単に解決できます。主な問題は、ページをリロードしていることです。

于 2012-05-15T03:39:58.183 に答える