Question

我有一个扩展到多个标签的表单。当用户单击下一个选项卡时，只有当所有字段都填写正确时，才会验证表单，用户范围转到下一个选项卡。到现在为止还挺好。我还想将字段存储在cookie或数据库中（尚不确定）。我通过对php控制器的ajax调用来做到这一点。这也很好，但下一个标签会立即打开。我想先等待成功回调，然后再打开下一个标签。我似乎没有让它工作。我在选项卡的select事件中的部分代码：

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

});

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

1 个答案: