0

Joomla CMS で zurb Foundation のドロップダウン メニューを実装する作業を行っています。

ただし、挿入する正しい方法がわからないため、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 に答える