我有一个表单,其中包含四个数据切换选项卡和第四个选项卡上的提交按钮。因此,当我单击“提交”按钮时,我将显示一个弹出警报,指出哪个字段不正确。但它应该导航到我的第一个标签。
那么如何使用jquery单击数据切换按钮?
我尝试了许多方法,例如.click
,.trigger
,show
,hide
等等。
我的一些尝试..
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
function triger()
{
$('#trigered').trigger('click');
}
function trigered ()
{
$('#vamsi').show();
alert('Hello. Am clicked');
}
<script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<button OnClick="triger();">Click me Button 1</button>
<button OnClick="trigered();" id="trigered">Clicked</button>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="generalinfo">
<h2 id="vamsi">vamsi</h2>
</div>
<div role="tabpanel" class="tab-pane" id="address">
vamsi vamsi
</div>
<a href="#generalinfo" aria-controls="generalinfo" role="tab" data-toggle="tab">General Info</a>
<a href="#address" aria-controls="address" role="tab" data-toggle="tab" id="trigered" >Address</a>
</div>