菜单显示不正确

时间:2012-05-19 01:27:09

标签: php jquery html css

我正在处理 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/

所以请帮我摆脱这个..

1 个答案:

答案 0 :(得分:2)

您的预感是正确的 - 删除那些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>