Question

Sharepoint网站。 html示例（活动标签）：

<div style="display: block; width: 100%; margin: 0px;" id="tabGroup1" class="tabs resp-vtabs">
<ul class="resp-tabs-list"><li role="tab" aria-controls="tab_item-0" class="list-item-0 resp-tab-item resp-tab-active">Meet the Team</li>

该脚本添加＆＃34; resp-tab-active＆＃34;单击li时的类。我希望在同一页面上（在div＆＃34; tabGroup1＆＃34;之外）链接以覆盖该功能并打开其中一个选项卡。

Answer 1

你做这样的事情并将其包裹在链接

<a onclick="Javascript:addclass('resp-tab-active', '.list-item-0')"> Click here to show tab</a>

然后创建一个JS函数来完成你需要的工作

function addclass(newclass, selector)
{
    $(selector).addClass(newclass);
}

您传递的选择器是您要显示的选项卡的ID或现有的类。它是标准的Jquery选择器。

假设这是较大选项卡的一部分，您可能希望从其他选项卡中删除活动。

类似的东西：

function changeActive(newclass, selector)
{
    var this = $(selector);
    var ul = this.parent();
    ul.children().removeClass(newclass);
    this.addClass(newclass);
}

从同一页面上的单独链接打开简单的响应选项卡

1 个答案: