Question

我有一个插件，该插件似乎用自己的主题等显示了其网站区域。我已经编辑了主题以显示我的Wordpress菜单，该菜单以前没有显示。该插件似乎也忽略了我的functions.php文件等中的所有内容...

为了给页面设置样式，我不能使用自定义的style.css文件，因此我一直在使用..... p来将样式添加到.php文件中。

所以现在菜单看起来与网站的其余部分一致，我现在的问题是，当我将鼠标悬停在菜单上时，下拉菜单不会激活。

我复制了通过inspect元素显示的菜单代码（ID和类也与网站其余部分的菜单和代码不同）

<div class="collapse navbar-collapse" id="wp-navbar">
    <ul id="menu-main-menu" class="nav navbar-nav navbar-right">
        <li id="menu-item-903" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-903 dropdown"><a title="About Us" href="http://#">About Us <span class="caret"></span></a>
            <ul role="menu" class=" dropdown-menu">
            <li id="menu-item-895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-895"><a title="Services" href="http://www.website.co.uk/services">Services</a></li>
                <li id="menu-item-932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-932"><a title="Why use EZEE Freight?" href="http://www.website.co.uk/why-ust">Why use us?</a></li>
            <li id="menu-item-976" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-976"><a title="Locations" href="http://www.website.co.uk/locations">Locations</a></li>
            </ul>
        </li>
        <li id="menu-item-898" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-898 dropdown"><a title="Help" href="http://#">Help <span class="caret"></span></a>
            <ul role="menu" class=" dropdown-menu">
            <li id="menu-item-894" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-894"><a title="Jargon Terms Explained" href="http://www.website.co.uk/jargon-terms-explained">Jargon Terms Explained</a></li>
                <li id="menu-item-896" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-896"><a title="Vehicle Fact Sheet" href="http://www.website.co.uk/fact-sheet">Fact Sheet</a></li>
            </ul>
        </li>
    </ul>        
</div>

当前下拉菜单（ul）的CSS：

.dropdown-menu{
    display:none;
}

理想情况下，我想删除“ display：none”并替换为“ display：block”并添加过渡方法。

我尝试过：

<script type="text/javascript">
jQuery('#menu-item-903').hover(
   function(){ jQuery(.dropdown).css('display:none') },
   function(){ jQuery(.dropdown).css('display:block') }
)
</script>

及其它的其他变体，但没有喜悦。如果可行，我将复制上面的代码，但使用＃menu-item-898。

不高兴。任何帮助都会很棒。

在悬停时显示Wordpress菜单

0 个答案: