1

複数のタブにまたがるフォームがあります。ユーザーが次のタブをクリックすると、すべてのフィールドが正しく入力された場合にのみフォームが検証され、ユーザーは次のタブに移動します。ここまでは順調ですね。また、フィールドを Cookie またはデータベースに保存したいと考えています (まだわかりません)。これは、php コントローラーへの ajax 呼び出しで行います。これも問題なく機能しますが、次のタブがすぐに開きます。最初に成功のコールバックを待ってから、次のタブを開きたいと思います。私はそれがうまくいかないようです。タブの選択イベントでの私のコードの一部:

$.ajax({
  type: 'POST',
  url: 'saveorder/save_tab',
  data: {data : tabData},
  success: function(msg) {
     $('#tabs').tabs('option', 'select',2); 
    },
  dataType: 'json'
});
return false

これにより、明らかに次のタブが表示されなくなりますが、ajax リクエストが成功した後は何も起こりません。誰でもアイデアはありますか？

4

1 に答える 1

1

このコードを試してください:)

$.ajax({
  type: 'POST',
  url: 'saveorder/save_tab',
  dataType: 'json',
  data: {data : tabData},
  success: function(msg) {
     $("#tabs").tabs({ selected:2});
    },
  error: function(msg) {
     $("#tabs").tabs({ selected:1}); //load ur previous tab itself if returns error..
    }

});
于 2012-06-01T09:15:33.513 に答える