我有以下标签:
<div class="container">
<div id="tabs">
<ul class="nav nav-tabs" id="prodTabs">
<li class="active"><a href="#search">Search</a></li>
<li><a href="#other" data-toggle="tab">Other search</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="search">
</div>
<div class="tab-pane" id="other">
</div>
</div>
使用以下javascript:
<script>
$('#tabs').on('click','.tablink,#prodTabs a',function (e) {
e.preventDefault();
var url = $(this).attr("data-url");
if (typeof url !== "undefined") {
var pane = $(this), href = this.hash;
// ajax load from data-url
$(href).load(url,function(result){
pane.tab('show');
});
} else {
$(this).tab('show');
}
});
</script>
<script>
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
initialize();
});
</script>
名为other
的标签包含搜索表单和地图,提交表单后,我会重定向到新页面。在这个新页面中,我希望能够返回other
标签,但我希望查看表单提交时的相同内容。
我是如何实现这一点的?
答案 0 :(得分:0)
浏览器后退按钮执行此操作。您还可以添加一个按钮返回:
<button onclick="goBack()">Go Back</button>
<script>
function goBack() {
window.history.back();
}
</script>