Question

我正在努力从Joomla CMS的zurb基金会实施一个下拉菜单。

但是，我在添加 data-dropdown =“drop1”时遇到问题，因为我不知道插入它的正确方法。

将它插入锚点的最佳方法是什么？

以下是我正在讨论的示例的页面：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>

我试过了：

$( ".programs" ).append( $( 'data-dropdown="drop1"' ) );

$( ".programs" ).wrap( 'data-dropdown="drop1"' );

另外，为了澄清何时进行任何一项，它不会显示在源代码中

显然，jQuery不是我最强大的。

通过jQuery添加它的正确方法是什么？

如果我的问题不明确，请告诉我。

任何帮助都会受到赞赏，因为我一直在撕扯我的头发......很多。

修改

             <!-- Navigation -->
               <ul class="nav menu">
                 <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 -->

Answer 1

您可以使用.data()（+info）

设置/获取数据属性

得到：

$('.selector').data('dropdown');

集：

$('.selector').data('dropdown','value');

所以在这种情况下，如果我理解正确（也许选择器是.programs ul）：

$( ".programs" ).data( 'dropdown','drop1' );

- 编辑 -

看起来您应该编辑实际的html代码（因为可能是在初始化下拉脚本后设置它），但您可以尝试这样做：

$('.f-dropdown').prev('a').data( 'dropdown','drop1' );

如何在菜单中添加data-dropdown =“drop1”

1 个答案: