我正试图让我的页面跳转到选项卡部分。我可以这样做:
<a data-toggle="tab" href="SectionB">Go to Add Event Tab</a>
然后在我点击它之后,它将转到事件选项卡。
我有什么办法在<form action=">还是window.location?因此,当我点击提交按钮时,在将数据插入数据库后,它将转到添加事件选项卡。
选项卡代码:
<div class="nav-tabs" role="navigation">
<ul class="nav nav-tabs" data-tabs="tabs">
<li class="active"><a data-toggle="tab" href="#SectionA">Home</a></li>
<li><a data-toggle="tab" href="#SectionB">Add Event</a></li>
<li><a data-toggle="tab" href="#SectionC">Add Top Story</a></li>
</ul>
</div>
<div id="my-tab-content" class="tab-content">
<div class="tab-pane active" id="SectionA">
<?php
include_once('Welcome.html');
?>
</div>
<div class="tab-pane" id="SectionB">
<?php
include_once('AddEvent.php');
?>
</div>
<div class="tab-pane" id="SectionC">
<?php
include_once('AddTopStory.php');
?>
</div>
</div>
</div>
AddEvent.php表单:
<div class="container">
<form name="addevent" class="form" method="post" onsubmit="return validateEventForm()">
<p><br>< button name="addevent" class="btn btn-sm btn-primary pull-right" type="submit">Add Event</button>
</form>
</div>
您可以在validateEventForm()
函数中添加以下行:
$('a[href="#SectionB"]').tab('show');