使用Jquery单击数据切换按钮

时间:2015-07-02 06:27:51

标签: jquery button triggers click toggle

我有一个表单,其中包含四个数据切换选项卡和第四个选项卡上的提交按钮。因此,当我单击“提交”按钮时,我将显示一个弹出警报,指出哪个字段不正确。但它应该导航到我的第一个标签。 那么如何使用jquery单击数据切换按钮? 我尝试了许多方法,例如.click.triggershowhide等等。 我的一些尝试..

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

0 个答案:

没有答案