javascript - 如何以编程方式更改选项卡?

标签 javascript jquery tabs

我正在使用http://www.menucool.com/tabbed-content制作标签。 有没有办法通过jquery/javascript更改选项卡?我尝试过 $("tab1").click();

为此创建了一个 fiddle - https://jsfiddle.net/6e3y9663/1/

最佳答案

玩选定的类别

$('.tabs').find('li.selected').removeClass('selected');//reset the tab buttons
$('#desiredTab').parent().addClass('selected');//or $('li a[href="#tab1"]').parent().addClass('selected'); - select the desired tab header
id = $('#desiredTab').attr('href');
$(id).siblings().hide();//reset the tab content
$(id).show();//$('#tab1').show();  -show the desired tab content

演示:https://jsfiddle.net/6e3y9663/5/

关于javascript - 如何以编程方式更改选项卡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39507802/

相关文章:

javascript - 数据表,添加可编辑列

javascript - CKEditor 中的输入模式正在改变

javascript - 如何通过点击的类获取元素的索引

java - TabView : Have some of the tabs on the left side, 和其中一些在右侧(中间有空格)

javascript - 如何通过 javascript 设置背景图像和渐变-不使用 jquery 使用 dom 样式属性

javascript - 如何在 Angular 应用程序中注入(inject) $stateProvider?

javascript - Javascript if 语句调用不同警报消息的问题

javascript - jQuery Source File 一起运行;我该怎么办?

jquery - 自动生成 jquery 标签

javascript - 在标签浏览器上为新标签设置焦点