0

我正在努力在 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 -->
4

1 回答 1

0

.data()您可以使用( +info )设置/获取数据属性

得到：

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

放：

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

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

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

-编辑-

看起来你应该编辑实际的 html 代码（因为也许你在初始化下拉脚本后设置它），但你可以试试这个：

$('.f-dropdown').prev('a').data( 'dropdown','drop1' );
于 2013-11-05T19:41:54.693 回答