jquery選項卡：在ajax成功後打開選項卡

Question

我有一個擴展到多個選項卡的表單。當用戶點擊下一個選項卡時，只有當所有字段填寫正確時，表單才被驗證，用戶麪包車轉到下一個選項卡。到現在爲止還挺好。 我也想將該字段存儲在cookie或數據庫中（尚不確定）。我用ajax調用php控制器來做到這一點。此工作正常，但下一個選項卡立即打開。我想首先等待成功回調，然後纔打開下一個選項卡。我似乎沒有得到它的工作。我的代碼在選項卡中選擇事件 部分：

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

});