【问题标题】:Sub menus have disappeared子菜单消失了
【发布时间】:2019-01-08 10:38:24
【问题描述】:

我的网站突然出现了一些问题,没有任何已知的变化。最突出的是,没有出现子菜单。 html 就在那里,一切似乎都在管理面板中的 wordpress 中进行了正确设置。但是悬停时不会出现子菜单。网站是 btwimages.com。

  <!--  ################ TOP MENU SECTION ################ -->
    <!-- **Top-Menu** -->
    <div id="top-menu">
        <div class="container">
        <ul id="menu-main-menu" class="menu"><li id="menu-item-2351" class="home menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="http://www.btwimages.com">Home</a></li>
<li id="menu-item-2352" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="#">About Us</a>
<ul class="sub-menu">
    <li id="menu-item-2316" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/about-us/about-btw-images/">About BTW images</a></li>
    <li id="menu-item-2318" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/about-us/testimonials/">Testimonials</a></li>
    <li id="menu-item-2317" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/about-us/our-team/">Our Team</a></li>
</ul>
</li>
<li id="menu-item-2353" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="#">Services</a>
<ul class="sub-menu">
    <li id="menu-item-2354" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#">Real Estate</a>
    <ul class="sub-menu">
        <li id="menu-item-2341" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/photography/">Photography</a></li>
        <li id="menu-item-2340" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/floor-plans/">Floor Plans</a></li>
        <li id="menu-item-2343" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/virtual-tours/">Virtual Tours</a></li>
        <li id="menu-item-2342" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/video-tours/">Video Tours</a></li>
        <li id="menu-item-2339" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/brochures/">Brochures</a></li>
        <li id="menu-item-3454" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/truevision/">TrueVision</a></li>
    </ul>
</li>
    <li id="menu-item-2888" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/3d-immersion/">3D Immersion</a></li>
    <li id="menu-item-3098" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/virtual-staging/">Virtual Staging</a></li>
    <li id="menu-item-2344" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/video/">Video</a></li>
    <li id="menu-item-2336" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/general-photography/">General Photography</a></li>
    <li id="menu-item-2337" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/marketing/">Marketing</a></li>
</ul>
</li>
<li id="menu-item-2329" class="menu-item menu-item-type-post_type menu-item-object-page"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="http://www.btwimages.com/portfolio/">Portfolio</a></li>
<li id="menu-item-2355" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="#">Pricing</a>
<ul class="sub-menu">
    <li id="menu-item-2333" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/pricing/real-estate-photography/">Real Estate Photography</a></li>
    <li id="menu-item-2912" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/pricing/3d-immersion-tour/">3D Immersion Tour</a></li>
    <li id="menu-item-2331" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/pricing/floor-plans/">Floor Plans</a></li>
    <li id="menu-item-2332" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/pricing/printing/">Brochures</a></li>
    <li id="menu-item-3099" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/virtual-staging/">Virtual Staging</a></li>
    <li id="menu-item-3455" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/services-2/real-estate/truevision/">TrueVision</a></li>
</ul>
</li>
<li id="menu-item-2356" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="#">News</a>
<ul class="sub-menu">
    <li id="menu-item-2328" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/news/latest-news/">Latest News</a></li>
    <li id="menu-item-2325" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/news/btween-the-lines/">BTWeen the lines</a></li>
    <li id="menu-item-2327" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/news/latest-home-tours/">Latest Home Tours</a></li>
</ul>
</li>
<li id="menu-item-2357" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="#">Support</a>
<ul class="sub-menu">
    <li id="menu-item-2482" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/support/faq/">FAQ</a></li>
    <li id="menu-item-2910" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/support/3d-immersion-faqs/">3D Immersion FAQs</a></li>
    <li id="menu-item-2347" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/support/help-videos/">Help Videos</a></li>
    <li id="menu-item-2349" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/support/preparation-checklist/">Preparation Checklist</a></li>
    <li id="menu-item-2348" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/support/media-terms-of-use/">Media Terms of Use</a></li>
    <li id="menu-item-2350" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/support/service-policies/">Service Policies</a></li>
</ul>
</li>
<li id="menu-item-2358" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><span class="hoverL"> <span class="hoverR"> </span> </span><a href="#">Contact  Us</a>
<ul class="sub-menu">
    <li id="menu-item-2320" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/contact-us/learn-more/">Learn More</a></li>
    <li id="menu-item-2321" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.btwimages.com/contact-us/request-service/">Request Service</a></li>
</ul>
</li>
</ul>        </div>
    </div><!-- **Top-Menu - End** -->
    <!--  ################ TOP MENU SECTION END ################ -->

【问题讨论】:

  • 你安装了新插件吗?
  • 仅仅发布一些 HTML 并不能真正帮助我们帮助您。我们不知道您的子菜单应该如何工作,如果它使用 css-hover、js 或者上面的 html 是否正确。是插件吗?自定义代码?请阅读:How to create a Minimal, Complete, and Verifiable exampleHow do I ask a good question?
  • 另外,当你说 “wordpress 管理面板中的所有内容似乎都存在”时,你的意思是什么。 “一切”像什么?
  • 实际菜单结构使用带有子项的 wordpress GUI 和所选位置。页面源代码中的 HTML 在那里。什么都没有改变。

标签: php wordpress drop-down-menu


【解决方案1】:

如果您无法通过管理面板修复它,您可以将此代码添加到页眉或页脚:

jQuery('.menu-item-has-children').hover(function() {
    jQuery('.menu-item-has-children .sub-menu').css('display', 'none');
    jQuery(this).find('.sub-menu').css('display', 'block');
});

【讨论】:

  • 似乎仍然没有帮助。甚至当我登录 wordpress 并查看该网站(上面带有编辑页面的黑条)时,该网站顶部的管理栏也没有出现。
  • 我的 footer.php 似乎没有加载,有什么想法吗?
  • @TJWJR 似乎代码中某处出现错误,导致某些脚本无法运行。尝试启用调试模式以查看问题
  • @TJWJR 我检查了你的网站,子菜单已经在工作了,嗯?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-03
  • 1970-01-01
  • 2021-01-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多