2013-10-22 40 views
1

我正在使用引導程序tab.I實際上有三個部分。默認第一部分是selected.Suppose如果我移動到第2部分,則應刷新第2部分的數據。 其實我在第1部分和第2部分的註冊表格中查看了resgitered用戶。所以假設我在第1部分中輸入了一些細節,然後將其插入到數據庫中。現在,除非刷新第2部分,否則我不會從數據庫中獲取新值。請告訴我如何解決refresh.Alternate也歡迎是否可以刷新引導程序標籤

<div class="tabbable" id="myTabs"> 
    <ul class="nav nav-tabs"> 
    <li><a id="tabAll">All</a></li> 
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li> 
    <li><a href="#tab3" data-toggle="tab">Section 3</a></li> 
    </ul> 
    <div class="tab-content"> 
    <div class="tab-pane active" id="tab1"> 
     <p>I'm in Section 1.</p> 
    </div> 
    <div class="tab-pane" id="tab2"> 
     <p>Howdy, I'm in Section 2.</p> 
    </div> 
    <div class="tab-pane" id="tab3"> 
     <p>Howdy, I'm in Section 3.</p> 
    </div> 
    </div> 
</div> 
<script> 
$('#tabAll').click(function(){ 
    $('#tabAll').addClass('active'); 
    $('.tab-pane').each(function(i,t){ 
    $('#myTabs li').removeClass('active'); 
    $(this).addClass('active'); 
    }); 
}); 
</script> 

回答

1

當你點擊第2標籤對您的DB Ajax調用,以獲取新的價值。 另一種選擇是在您提交表單後(我假設您也使用ajax做到這一點),在您的表單提交事件的ajax成功處理程序中簡單地加載一個新內容到「#tab2」div,然後執行刷新操作

+0

+1幫助。我想過使用ajax,但我不知道爲什麼ajax不能在bootstrap中工作。儘管我知道ajax與bootstrap.please無關這個鏈接(我昨天發佈)http://stackoverflow.com/questions/19494510/jsp-ajax-not-working – SpringLearner

+0

你應該使用jQuery的ajax(http://api.jquery.com/jQuery.ajax/) –

+0

你可以請嘗試解決這個問題http://stackoverflow.com/questions/19494510/jsp-ajax-not-working – SpringLearner

相關問題