如何在菜單的ul中添加“ data-dropdown-content”？

Question

它基於zurb基金會的以下示例： http ://foundation.zurb.com/docs/components/dropdown.html

    <a href="#" data-dropdown="drop1">Has Dropdown</a>
     <ul id="drop1" class="f-dropdown" data-dropdown-content>
      <li><a href="#">This is a link</a></li>
      <li><a href="#">This is another</a></li>
      <li><a href="#">Yet another</a></li>
     </ul>

    <a href="#" data-dropdown="drop2">Has Content Dropdown</a>
     <ul id="drop2" class="f-dropdown content" data-dropdown-content>
      <li><a href="#">This is a link</a></li>
      <li><a href="#">This is another</a></li>
      <li><a href="#">Yet another</a></li>
     </ul>

我試過了： $( ".f-dropdown").attr('data-dropdown-content');

沒用

難道是什么導致子菜單無法顯示？

我在body標簽之前也有這個：

         <script>
           $(document).foundation();
          </script>

到目前為止，這是菜單：（忘記插入所有插入的內容，但這個問題除外）

     <!-- Navigation -->
       <ul class="nav menu button-group">
        <li class="item-101 current active">
           <a href="/social/services/" >Home</a>
        </li>
       <li class="item-106 deeper parent">
         <a class="programs" href="/social/services/index.php/programs-services" >Programs &amp; Services</a>
             <ul class="nav-child unstyled small">
               <li class="item-107">
                  <a href="/social/services/index.php/programs-services/child-services-link-example" >Child Services Link Example
                  </a>
              </li>
             </ul>
      </li>
      <li class="item-108">
         <a href="/social/services/index.php/featured-articles-news" >Featured Articles &amp; News</a></li>
     <li class="item-109">
         <a href="/social/services/index.php/resources" >Resources</a></li>
     <li class="item-110">
         <a href="/social/services/index.php/donate" >Donate</a></li>
     <li class="item-111">
          <a href="/social/services/index.php/contact-us" >Contact Us</a></li></ul>

  <!-- End Navigation -->

如果您想進一步了解該問題，盡管我認為它不一定與該問題有關，但今天是我前面的問題： 如何在菜單中添加data-dropdown =“ drop1”

Answer 1

如果您嘗試使用jQuery將data-dropdown-content屬性添加到元素：

$( ".f-dropdown").attr('data-dropdown-content'); 是一個吸氣功能。 您要設置屬性。 嘗試這個：

$( ".f-dropdown").attr('data-dropdown-content', '');