フォーム送信時にjqueryタブを再ロードするにはどうすればよいですか？

Question

私は私のニーズ のために大にあるAJAXのタブではなく、jQueryのUIのためのjQueryを使用するが、このコードは以下の私のAjaxのタブで、それは

私もそのために、AJAXを使用していた外部ファイルを使用して、選択したタブをロードしますこのページにデータを投稿するHOMEfriendstatus.inc.phpは＃tab2です

ユーザーが画面にロードしたタブに関係なく、フォームを送信するときに知りたいことは、リロードするか、 tab2の更新内容を表示するにはtab2？

<script type="text/javascript"> 
var pageUrl = new Array();   
pageUrl[1] = "HOMEbulletin.inc.php"; 
pageUrl[2] = "HOMEfriendstatus.inc.php"; 
pageUrl[3] = "HOMEbulletin.inc.php"; 



function loadTab(id){ 
    if (pageUrl[id].length > 0){ 
     $("#loading").show(); 
     $.ajax({url: pageUrl[id], cache: false, success: function(message) {        
      $("#tabcontent").empty().append(message); 
      $("#loading").hide();    
     } 
    });     
} 
} 

$(document).ready(function(){ 
    /*$("#tab1").addClass('selected');*/ 
    $("#loading").hide(); 
    $("#tab1").click(function(){ 
     loadTab(1); 
     $('div.HOMEtabdiv ul.HOMEtabs a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

    $("#tab2").click(function(){ 
     loadTab(2); 
     $('div.HOMEtabdiv ul.HOMEtabs a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

    $("#tab3").click(function(){ 
     loadTab(3); 
     $('div.HOMEtabdiv ul.HOMEtabs a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    }); 
</script> 

Answer 1

フォーム成功コールバックでloadTab(2)を実行しようとしましたか？これで十分です。あなたは私たちにAJAXを経由してフォームを送信するためのコードを示したしていないが、私はそれに似た何かが動作する必要がありますね

：あなたが名前の関数を使用することを検討する必要がありますので、これは$("#tab2").click()関数のコードを複製することを

$.post('http://example.com/ajax/form', $('form').serialize(), 
    function (data, textStatus) { 
     loadTab(2); 
     $('div.HOMEtabdiv ul.HOMEtabs a').removeClass('selected'); 
     $('#tab2').addClass('selected'); 
    } 
); 

お知らせその場合は匿名ではなくajaxコールバックで再利用してください：

function loadSecondTab() { 
    loadTab(2); 
    $('div.HOMEtabdiv ul.HOMEtabs a').removeClass('selected'); 
    $('#tab2').addClass('selected'); 
} 

$('#tab2').click(loadSecondTab); 
$.post('http://example.com/ajax/form', $('form').serialize(), loadSecondTab); 

PS。 jQueryのUIはそれほど大きくありません。すべてのビットを使用する必要はありません。簡単にタブモジュールをロードできます。