1

我正在使用引导选项卡。我实际上有三个部分。默认情况下选择第一个部分。假设如果我移动到第 2 部分,那么第 2 部分的数据应该被刷新。实际上,我在第 1 部分和第 2 部分有注册表格来查看重新注册的用户。所以假设我在第 1 部分输入了一些详细信息,然后将其插入到数据库中。现在除非我刷新第 2 部分,否则我不会从数据库中获取新值。请告诉我如何刷新。也欢迎其他解决方案

<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>
4

2 回答 2

1
  1. 您可以使用location.hash相应地操作选项卡选择。
  2. 或者使用Sammy js
  3. Localstorage是另一种选择,请参阅
于 2013-10-22T06:00:46.983 回答
1

当您单击第 2 部分选项卡时,对您的数据库进行 ajax 调用以获取新值。另一种选择是在提交表单后进行刷新(我假设您也使用 ajax 进行)只需将新内容加载到表单提交事件的 ajax 成功处理程序中的“#tab2”div

于 2013-10-22T06:03:08.883 回答