0

ここでわかるように、サブアイテムを含むメニューを作成しました- jsFiddle。

とてもうまくいっています。ただし、PRODUTOSサブアイテムでは、別のサブメニューを実装する必要があります。この 2 番目の「サブメニュー」は動的である必要があります。これは、サブメニューを持つサブアイテムをデータベースから取得するためです。このスクリプトでそれを実装する方法がわかりません。

何か助けはありますか？

脚本：

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 に答える