Question

当li有活跃的类时，我想向主体添加一个类。

这是我的HTML：

<ul class="tabs-shortcode-list ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="Trapedefum-0" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true">
        <a href="#Trapedefum-0" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Trape de fum</a>
    </li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="Luminatoare-1" aria-labelledby="ui-id-2" aria-selected="false" aria-expanded="false">
        <a href="#Luminatoare-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Luminatoare</a>
    </li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="Fatade-2" aria-labelledby="ui-id-3" aria-selected="false" aria-expanded="false">
      <a href="#Fatade-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Fatade</a>
    </li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="Copertine-3" aria-labelledby="ui-id-4" aria-selected="false" aria-expanded="false">
      <a href="#Copertine-3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">Copertine</a>
    </li>
</ul>

这是我用来添加类的jQuery：

if ( $('.ui-tabs-nav li:first-child').hasClass('ui-tabs-active') ) {
            $('body').addClass('firstli');
        }

我认为我没有以正确的方式做到这一点，但我尝试使用#primary div并且它有效，它将类插入到正文中。所以我认为问题不在于jQuery。

这么长的故事简短，我希望当李有班ui-tabs-active将firstli课程添加到正文时。

此外，我正在使用wordpress网站。

这段html来自Tabs Shortcode的wordpress。

提前谢谢。

Answer 1

首先确保美元符号（$）不存在问题。

WordPress附带的jQuery库设置为noConflict（）模式（请参阅wp-includes / js / jquery / jquery.js）。这是为了防止WordPress可以链接的其他JavaScript库的兼容性问题。

在noConflict（）模式下， jQuery 的全局$ 快捷方式不可用，因此您仍然可以使用：

jQuery(document).ready(function(){
    jQuery(#somefunction) ...
});

更多：https://codex.wordpress.org/Function_Reference/wp_enqueue_script

Answer 2

以下是我发布的问题的解决方法

 $('#squelch-taas-tab-group-0 ul li').click(function() {
    var id = $(this).find('a').eq(0).attr('id');
    $('#page').addClass(id);
    if ($('#squelch-taas-tab-group-0').data('lastid')) {
        $('#page').removeClass($('#squelch-taas-tab-group-0').data('lastid'));
    }
    $('#squelch-taas-tab-group-0').data('lastid', id);
});

Wordpress标签jQuery hasClass

2 个答案: