php - 菜单显示不正确

Question

我正在处理 premiumepress - RealtorPress 子主题，目前遇到菜单问题。

我实际上使用 PremiumPress PHP 代码来显示菜单

<?php echo $ThemeDesign->LAY_NAVIGATION(); ?> 

我将这段代码包装在我的 CSS 中，如下所示:

<ul class="sf-menu">
    <?php echo $ThemeDesign->LAY_NAVIGATION(); ?> 
</ul> <!-- END .sf-menu -->

我正在使用 Superfish 作为菜单，但我无法理解为什么它不能正常工作，因为我正确使用了这个插件。

<script type="text/javascript">
    jQuery(document).ready(function() { 
        jQuery('ul.sf-menu').superfish({
            delay:       200, 
            animation:   {opacity:'show',height:'show'},
            speed:       'fast',
            autoArrows:  false,
            dropShadows: false
        });
    });     
</script>

但是当我看到主页时...我发现菜单中有一些不相关的div..

<div class="dropdown_1column"> <div class="col_1 firstcolumn">

请检查真实链接以了解我在说什么:

http://www.ruralpropertyagents.com/

所以请帮我摆脱这个..

Answer 1

您的预感是正确的 - 删除那些 div 元素，您将得到修复。我使用 fiddler 将它们从标记中删除，它立即解决了问题。它们目前包装了您所有的嵌套无序列表。

当全部更正后，结构应类似于以下内容:

<ul class="sf-menu">
  <li><a href="...">Home</a></li>
  <li><a href="...">Commercial Sales</a>
      <ul>
        <li><a href="...">Industrial Units for Sale</a></li>
        <li><a href="...">Office Blocks for Sale</a></li>
      </ul>
  </li>
</ul>