Joomla 3 无法点击子菜单

Posted 2023-03-06

【中文标题】Joomla 3 无法点击子菜单

【英文标题】：Joomla 3 cannot click on submenu

【发布时间】：2016-03-25 13:23:50

【问题描述】：

您好，我是 stack oferflow 的新手，对代码也比较陌生。问题是我有这个使用 Mikon 模板的 Joomla 网站。

主菜单有一些子菜单。问题是它们似乎不能从主页点击，只能从文章页面点击。

尝试在此处单击“Servicios”父级下的子菜单元素： http://mryc.mx/

然后尝试在此处单击“Servicios”父级下的 sumbenu 元素： http://mryc.mx/index.php?option=com_content&view=article&id=33

一直在找原因，可能跟模板有关，有没有人遇到过这样的情况？

这是主菜单代码：

<div id="sp-main-menu" class="visible-desktop pull-right">
    <ul class="sp-menu level-0">
      <li class="menu-item first home"><a href="http://mryc.mx/#sp-slider-wrapper" class="menu-item first home"><span class="menu"><span class="menu-title">Inicio</span></span></a>
      </li>
      <li class="menu-item"><a href="/index.php#sp-about-wrapper" class="menu-item"><span class="menu"><span class="menu-title">Nosotros</span></span></a></li>
      <li class="menu-item parent">
          <a href="/index.php#sp-service-wrapper" class="menu-item parent ">
             <span class="menu">
                  <span class="menu-title">Servicios</span>
             </span>
          </a>
          <div class="sp-submenu sub-level" style="top: 80px; left: 0px;">
          <div class="sp-submenu-wrap" style="margin-top: 0px; margin-left: 0px;">
             <div class="sp-submenu-inner clearfix" style="width: 200px;">
               <div class="megacol col1 first" style="width: 200px;">
                 <ul class="sp-menu level-1">
                   <li class="menu-item first active"><a href="http://mryc.mx/index.php?option=com_content&amp;view=article&amp;id=32&amp;amp;Itemid=176" class="menu-item first"><span class="menu"><span class="menu-title">Banca de inversión</span></span></a></li>
                    <li class="menu-item"><a href="/index.php/2013-11-07-05-29-34/inteligencia-financiera" class="menu-item"><span class="menu"><span class="menu-title">Inteligencia Financiera</span></span></a></li>
                    <li class="menu-item"><a href="/index.php/2013-11-07-05-29-34/asesoria-de-negocio" class="menu-item"><span class="menu"><span class="menu-title">Asesoría de Negocio</span></span></a></li>
                    <li class="menu-item last"><a href="/index.php/2013-11-07-05-29-34/asesoria-para-instituciones-financieras" class="menu-item last"><span class="menu"><span class="menu-title">Asesoría para Instituciones Financieras</span></span></a></li>
                  </ul>
               </div>
             </div>
           </div>
         </div>
       </li>
       <li class="menu-item last"><a href="/index.php#sp-bottom-wrapper" class="menu-item last"><span class="menu"><span class="menu-title">Contáctanos</span></span></a></li>
      </ul>    
    </div>

提前致谢。

更新：

我刚刚发现，如果您右键单击无效链接并选择“在新页面/标签中打开”，则该链接可以正常工作。我还在 Firefox 中进行了测试，但错误仍然存​​在，因此我们可以排除浏览器。

【问题讨论】：

添加一些有问题的代码...

如果我访问它们，子菜单项可以很好地点击，也许你只是想在悬停项目时显示一些背景变化。

好吧，它们看起来是可点击的，但问题是当您点击它们时，它们不会打开任何文章。或者您从主页中的子菜单访问文章？非常感谢您的快速回复

Rayon Dabre 我刚刚添加了 conde

我认为滑块引起了一些冲突。没有滑块的菜单有效，有滑块的菜单无效。

【参考方案1】：

该子菜单项 (/index.php?option=com_content&view=article&id=32&Itemid=176) 上的链接不起作用，但如果您使用有效的锚标记（如 /index.php#sp-bottom-wrapper）将其更改为某些内容（与联系人链接相同），它确实有效。所以看起来服务链接本身可以工作，因为它会转到#sp-service-wrapper：

<section id="sp-service-wrapper" class=" ">...</section>

具有有效 ID。更进一步，如果您更新子菜单项以链接到各个部分的锚标记，那么这些链接也应该可以工作。但是，这 4 个部分（投资银行、金融情报、商业咨询和金融机构咨询）并不都有特定的 ID，所以现在不可能。例如，这就是其中一个部分的样子：

<div class="st-fancy-icon-boxes st-fancy-icon-boxes-style1 center ">
    <div class="box-icon clearfix"><i class="st-box-icon fa fa-money"></i></div>
    <div class="box-title clearfix"><h4><font><font class="">Investment Banking</font></font></h4></div>
    <div class="box-desc clearfix"><font><font>The adequacy of resources is a cornerstone for growth and sustainability of any business. </font><font>Through our investment banking services, we support our customers with the necessary resources for new projects, expansions, caps and together continue their road to success.</font></font></div>
    <div class="box-readmore clearfix"><a href="http://mryc.mx/index.php?option=com_content&amp;view=article&amp;id=32"><font><font>See more...</font></font></a></div>
</div>

因此，您需要以某种方式更改第一行的 html 以添加类似 id="banca-de-inversion" 的内容，然后您可以更新子菜单项以链接到 /index.php#banca-de-inversion，它应该可以按预期工作。

【讨论】：

感谢您的回复。问题不完全在于，子菜单应该指向不同的页面，而不是页面内具有特定 id 的元素。例如：投资银行子菜单项应指向：mryc.mx/… 如您所见，它是网站的一个单独页面。主页上有一个“投资银行”部分，但我不想在子菜单中指向那个部分。希望我很清楚，再次感谢您！ :)