ajax - Jquery选项卡：ajax成功后打开选项卡

Question

我有一个跨越多个选项卡的表单。当用户单击下一个选项卡时，只有当所有字段都正确填写时，表单才会被验证，用户范转到下一个选项卡。到目前为止，一切都很好。我还想将该字段存储在 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 请求成功之后什么也没有发生。任何人的想法？

Answer 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..
    }

});