Javascript 如何选择两类<;李>;使用multiclass,在我的wordpress导航菜单上?
我需要一个javascript函数,当“li.activo2”和这个addClass有一个类“active”时,“current\u highlight” 我的html代码:Javascript 如何选择两类<;李>;使用multiclass,在我的wordpress导航菜单上?,javascript,jquery,html,css,wordpress,Javascript,Jquery,Html,Css,Wordpress,我需要一个javascript函数,当“li.activo2”和这个addClass有一个类“active”时,“current\u highlight” 我的html代码: <div class="navbar-header"> <button type="button " class="navbar-toggle navbtn_webds btn_webds" data- toggle="collapse" data-target=".navbar-collapse
<div class="navbar-header">
<button type="button " class="navbar-toggle navbtn_webds btn_webds" data- toggle="collapse" data-target=".navbar-collapse">
<div class="navbtn_webds iconbar_webds iconbar-top_webds"></div>
<div class="navbtn_webds iconbar_webds iconbar-common_webds"></div>
<div class="navbtn_webds iconbar_webds iconbar-common_webds"></div>
</button>
<a id="site-title" class="navbar-brand brand_webds" href="http://localhost/webds" title="" rel="home"> <small></small></a>
</div>
<div class="navbar-collapse collapse">
<div class="navbar-collapse collapse">
<ul id="menu_principal" class="nav navbar-nav pull-right ">
<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-18">
<a title="Serviços" rel="m_PageScroll2id" href="http://localhost/webds/#servicos">Serviços</a>
</li>
<li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-20">
<a title="Equipa" rel="m_PageScroll2id" href="http://localhost/webds/#equipa">Equipa</a>
</li>
<li id="menu-item-21" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-21">
<a title="Trabalhos" rel="m_PageScroll2id" href="http://localhost/webds/#trabalhos">Trabalhos</a>
</li>
<li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-22">
<a title="Clientes" rel="m_PageScroll2id" href="http://localhost/webds/#clientes">Clientes</a>
</li>
<li id="menu-item-27" class="activo2 menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-27 active">
<a title="Blog" href="http://localhost/webds/?page_id=2">Blog</a>
</li>
<li id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-23">
<a title="Contactos" rel="m_PageScroll2id" href="http://localhost/webds/#contactos">Contactos</a>
</li>
</ul>
</div>
</div>
<!--/.nav-collapse -->
我的css:
.current_highlight {background: #fcf2e0; color: #ff9933;}
你可以试试
if ($('#menu_principal li.activo2.active').length) {
CurrentMenu();
}
在你的代码中,你有一个输入错误。在hasClass()
中,您需要提供不带的类名
var CurrentPage = $('#menu_principal li').hasClass('.activo2');
^
你可以试试
if ($('#menu_principal li.activo2.active').length) {
CurrentMenu();
}
在你的代码中,你有一个输入错误。在hasClass()
中,您需要提供不带的类名
var CurrentPage = $('#menu_principal li').hasClass('.activo2');
^
hasClass=>不带点的类名:
var CurrentPage = $('#menu_principal li').hasClass('activo2');
var CurrentPage1 = $('#menu_principal li').hasClass('active');
hasClass=>不带点的类名:
var CurrentPage = $('#menu_principal li').hasClass('activo2');
var CurrentPage1 = $('#menu_principal li').hasClass('active');
此函数将查找任何带有activo2的li,并添加当前的_突出显示,但如果没有,则将删除当前的_突出显示(如果存在)
$('li')each(function(){
if($('.activo2').length == "true" {
$(this).addClass('current_highlight');
} else {
$('li').removeClass('current_highlight');
}
}
此函数将查找任何带有activo2的li,并添加当前的_突出显示,但如果没有,则将删除当前的_突出显示(如果存在)
$('li')each(function(){
if($('.activo2').length == "true" {
$(this).addClass('current_highlight');
} else {
$('li').removeClass('current_highlight');
}
}
非常感谢。这很简单这些圆点是一个圆盘p谢谢你。这很简单这些圆点是一个圆盘感谢这些圆点是一个圆盘感谢这些圆点是一个圆盘p谢谢