我正在使用 jquery 选项卡。想知道如何在单击选项卡时刷新内容。我正在使用带有 $(#TABS).TABS() 的文档就绪功能
$(document).ready(function(){
$("#tabs").tabs();
$("#tabs").bind("tabshow",function(event,ui){window.location.href=ui.tab;});});
我正在使用 jquery 选项卡。想知道如何在单击选项卡时刷新内容。我正在使用带有 $(#TABS).TABS() 的文档就绪功能
$(document).ready(function(){
$("#tabs").tabs();
$("#tabs").bind("tabshow",function(event,ui){window.location.href=ui.tab;});});
请参阅此处的“选择事件”
它说:
单击选项卡时会触发此事件。代码示例
提供一个回调函数来处理选择事件作为一个初始化选项。
$( ".selector" ).tabs({
select: function(event, ui) { ... }
});
按类型绑定到选择事件:tabsselect。
$( ".selector" ).bind( "tabsselect", function(event, ui) {
...
});
在 jQuery-UI 1.10 中,以下内容应该有所帮助:
$("#TABS").tabs("load", $("#TABS").tabs("option", "active"));
编辑:更多代码细节:
$(function() {
$("#TABS").tabs();
$("#TABS").on('click','li',function(event,ui) {
$("#TABS").tabs("load", $("#TABS").tabs("option", "active"));
});
});