为什么点击时我的标签内容没有更改?

时间:2019-04-02 17:01:41

标签: javascript html

我有三个选项卡,单击时应该更改,我不知道为什么它们没有更改。

function activeTab(tab) {
    $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};
activeTab('searchtab1');

链接到我的完整代码:https://jsfiddle.net/s1f9Lqzn/

1 个答案:

答案 0 :(得分:1)

在小提琴中添加jquery和jquery-ui和jquery-ui.css(用于制表符),然后将id =“ tabs”添加到包含制表符的ul li的div中,如下所示:

<div id="tabs" class="searcht">

您只需要致电

$("#tabs").tabs();

请检查jsfiddle

您的CSS存在一些问题。我删除了您的CSS,以使用jquery-ui.css随附的CSS,它似乎运行良好。

https://jsfiddle.net/htwryn4g/