javascript - Joomla 3 无法点击子菜单

Question

您好，我是 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 中进行了测试，错误仍然存​​在，因此我们可以排除浏览器的可能性。

Answer 1

该子菜单项 (/index.php?option=com_content&view=article&id=32&Itemid=176) 上的链接不起作用，但如果您将其更改为使用有效 anchor 标记的内容，例如/index.php#sp-bottom-wrapper (与联系链接相同)它确实有效。因此，服务链接本身似乎可以正常工作，因为它将指向 #sp-service-wrapper:

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

具有有效的 ID。更进一步，如果您更新子菜单项以链接到各个部分的 anchor 标记，那么这些链接也应该起作用。但是，这 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 它应该按预期工作。