从URL Bootstrap加载特定选项卡

时间:2015-10-25 13:15:31

标签: php jquery twitter-bootstrap

我使用Bootstrap标签并在提交表单时遇到一些问题。它将始终重定向到索引页面,而不是重定向到您来自的页面。我想使用像index.php#LocationOfForm这样的链接。

从导航面板链接到选项卡可以正常工作。我已经尝试了很多建议的解决方案,但没有一个能为我工作。

在标签中,我使用AJAX加载表单所在的特定页面:

<div role="tabpanel" class="tab-pane fade" id="LocationOfForm">
<div id="form"></div>
<script type="text/javascript">
    $(document).ready(function() {
    $("#form").load("LocationOfForm.php");
    });
</script>  
</div>  

我用来选择标签的脚本:

$('#myTabs a').click(function (e) {
  e.preventDefault()
      $('#myTabs a[href="#index"]').tab('show')
      $('#myTabs a[href="#LocationOfForm"]').tab('show')
  })

1 个答案:

答案 0 :(得分:0)

尝试使用location.hash然后:

$(document).ready(function () {
 if (location.hash) {
   // $element.click() on tab you want to be shown, bit dirty solution,
   // but works
 }
});

然后使用page.php#LocationOfForm

返回