函数完成后的jQuery UI切换选项卡
jQuery UI Switch Tab After Function Done
我使用的是jQuery UI 1.10.0
$('#uitab').tabs({
show:function(event, ui){
var lastOpenedPanel = $(this).data('lastOpenedPanel');
if(!$(this).data('topPositionTab')){
$(this).data('topPositionTab', $(ui.panel).position().top)
}
$(ui.panel).hide().fadeIn(500);
if(lastOpenedPanel){/
lastOpenedPanel
.toggleClass('ui-tabs-hide')
.css('position','absolute')
.css('top',$(this).data('topPositionTab') + 'px')
.fadeOut(500,function(){
$(this).css('position','');
});
}
$(this).data('lastOpenedPanel', $(ui.panel));
}
});
这是head中的jQ UI选项卡代码然后身体看起来:
<div id="uitabs">
<ul id="tabs">
<li><a href="#uitabs-1">tab1</a></li>
<li><a href="#uitabs-2">tab2</a></li>
<li><a href="#uitabs-3">tab3</a></li>
</ul>
<div id="uitabs-1">...</div>
<div id="uitabs-2">...</div>
<div id="uitabs-3">...</div>
</div>
并在#uitabs-1 中有一个脚本
<script type="text/javascript">
xxxx...
'onDone':function(file,data,response){
$('#uitabs-2').append('DONE');
$('#uitabs').tabs('option','active',$('uitabs-').index());
}
</script>
然后当"onDone"函数执行并跳转到#uitabs-2 时,我需要一个代码
$('#uitabs').tabs('option','active',$('uitabs-').index());}
我尝试了这行代码,但跳到了#uitabs-3
解决方案我可以使用类/ID/或名称吗?
谢谢!
这是的解决方案
$('#uitabs').tabs('option','active',1);
相关文章:
- 阻止选项卡缓存jquery ui
- 在选项卡中使用时,Onsen UI拉钩会抛出错误
- 在日期更改后更新Angular UI引导程序日期选择器选项
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- 访问url[材质Ui+选项卡]时,Angular Ui路由器未加载视图
- 语义UI下拉选项数据属性
- 在我的选项卡jquery ui创建后回调
- jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
- jQuery bxSlider 和 jQuery-ui 选项卡
- 使用 tabsactivate 检测选项卡 - jQuery UI
- JQuery UI 1.11 将选项卡设置为活动状态
- jQuery UI 选项卡 - 将参数设置为下一个/上一个按钮单击
- 使用 jQuery UI 从选择选项中获取值
- WordPress + JQuery UI 选项卡 + 动态更改选项卡的宽度
- 如何在分页期间链接回特定的jquery ui选项卡
- TR 元素上的 UI-sref 不会在新选项卡中打开
- 如何使用jQuery UI选项卡中的锚点关闭该选项卡
- 在网页上切换选项卡ui的最佳方式,z索引与显示
- 使用ui路由器和离子选项卡时,模板不会更新