有谁知道当我在jQuery中从一个选项卡切换到另一个选项卡时如何触发事件?例如:
<li><a href="#tab-1" onclick="submitForm();" onchange="myJSHere();">Tab</a></li>
hgb9j2n61#
jQuery ui???
$("#tabs").tabs({ select: function(event, ui) { alert("PRESSED TAB!"); } });
yyyllmsg2#
$(function() { $( "#tabs" ).tabs({ activate: function(event ,ui){ //console.log(event); //alert( ui.newTab.index()); alert( ui.newTab.attr('li',"innerHTML")[0].getElementsByTagName("a")[0].innerHTML); //alert( this.text); } });
yvgpqqbh3#
为我工作
HTML:
<div id="tabs"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">Home</a></li> <li><a data-toggle="tab" href="#menu1">Menu 1</a></li> <li><a data-toggle="tab" href="#menu2">Menu 2</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <h3>HOME</h3> <p>Some content.</p> </div> <div id="menu1" class="tab-pane fade"> <h3>Menu 1</h3> <p>Some content in menu 1.</p> </div> <div id="menu2" class="tab-pane fade"> <h3>Menu 2</h3> <p>Some content in menu 2.</p> </div> </div> </div>
脚本
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> <script> $("#tabs").tabs({ activate: function(event, ui) { alert("PRESSED TAB!"); } }); </script>
yzuktlbb4#
我的解决方案是点击事件监听器。
解决方案:
$('.nav-tabs li').click(function () { alert('Tab Clicked'); });
HTML完整解决方案。超文本标记语言
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $('.nav-tabs li').click(function () { alert('Tab Clicked'); });
e5nqia275#
如果任何人遇到jquery accordion在标签页内无法正确显示的问题(特别是在操作accordion的内容之后)。下面的狙击手做的伎俩。注解行只是为了防止您希望完全重新创建Accordion。
$("#tabs").tabs({ activate: function(event, ui) { // $( ".accordion" ).accordion('destroy').accordion().accordion( "refresh" ); $( ".accordion" ).accordion( "refresh" ); } });
5条答案
按热度按时间hgb9j2n61#
jQuery ui???
yyyllmsg2#
yvgpqqbh3#
为我工作
HTML:
脚本
yzuktlbb4#
我的解决方案是点击事件监听器。
解决方案:
HTML完整解决方案。
超文本标记语言
脚本
e5nqia275#
如果任何人遇到jquery accordion在标签页内无法正确显示的问题(特别是在操作accordion的内容之后)。下面的狙击手做的伎俩。注解行只是为了防止您希望完全重新创建Accordion。