howto克隆/复制/镜像jQuery选项卡
-
01-10-2019 - |
题
解决方案
这是jQuery选项卡的全部黑客攻击,但我想不出任何其他方法。您只需要将样式放在克隆的标签上即可。您可以检查一个现场示例 这里.
这 hacked
JavaScript代码如下:
$(function() {
var myTabs = $("#tabs").tabs();
var x = $('.ui-tabs-nav').clone().addClass('mySecondTabs');
$('#tabs').append(x);
$('.mySecondTabs').tabs();
$('#tabs').tabs({
select: function(event, ui)
{
index = ui.index;
x = $('.mySecondTabs').children('li:nth-child('+(parseInt(index)+1)+')');
$('.mySecondTabs').children('li').removeClass('ui-tabs-selected').removeClass('ui-state-active');
x.addClass('ui-tabs-selected').addClass('ui-state-active');
}
});
$('.mySecondTabs').children('li').click(function ()
{
$('#tabs').tabs("select", $('.mySecondTabs').children('li').index(this));
});
});
其他提示
这很简单:
$('#tabs').tabs();
$('#my-text-link').click(function(){
$('#tabs').tabs( "option", "active", 1 ); //open the second tab [0,1,2...]
});
不隶属于 StackOverflow