0

我制作了一个带有子项的菜单，如您在此处看到的 - jsFiddle。

它工作得很好。但是，在PRODUTOS子项目上，我需要实现另一个子菜单。这第二个“子菜单”必须是动态的，因为我将从数据库中获取，谁的子项目有一个子菜单，我不知道如何在这个脚本上实现它。

有什么帮助吗？

脚本：

var sPath = window.location.pathname+window.location.search;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);

$('dd').filter(function () {
   return $('a[href="' + sPage + '"]', $(this)).length == 0
}).hide();

$('dt a.submenu').click(function () {
   $("dd:visible").slideUp("slow");
   $(this).parent().next('dd').slideDown("slow");
   return false;
});

HTML

<div class="menu">
   <dl>
      <dt><a href="#">HOME</a></dt>
      <dt><a href="#" class="submenu">QUEM SOMOS</a></dt>
         <dd>
            <ul>
               <li><a href="#">EMPRESA</a></li>
               <li><a href="#">INSTITUCIONAL</a></li>
               <li><a href="#">NOSSOS PRODUTOS</a></li>
               <li><a href="#">RESPONSABILIDADE SOCIAL</a></li>
               <li><a href="#">RESPONSABILIDADE AMBIENTAL</a></li>
            </ul>
         </dd>
      <dt><a href="#" class="submenu">PRODUTOS</a></dt>
         <dd>
            <ul class="produtos">

               <li><a href="#">TESTE</a></li>
               <li><a href="#">TESTE</a></li>
               <li><a href="#">TESTE</a></li>
            </ul>
         </dd>
      <dt><a href="#">INFORMATIVO</a></dt>
      <dt class="no_border"><a href="#">CONTATO</a></dt>
   </dl>
</div>
4

1 回答 1

0

您可以使用 jquery 的ajax函数来动态获取子元素。然后你可以将它附加到你的新列表中。

<li><a href="#">TESTE</a><ul>here you can append your new items</ul></li>

希望它会帮助你。

于 2013-08-14T12:46:52.517 回答