2016-10-21 12 views
1

ドロップダウンが開いたときにアニメーションを取得しようとしていますが、イベントリスナーをアタッチできないようです。次のコードは起動しませんが、ドロップダウンでクラスが変更されているのがわかります。ここでFoundation 6 DropdownMenuイベントが発生しない

$('[data-submenu]').on('show.zf.dropdownMenu', function() { 
    console.log('open'); 
}); 

は、ペンhttp://codepen.io/thezenmonkey/pen/PGXVRV

+0

あなたは[CodePen](http://codepen.io/)または[JSFiddle](https://jsfiddle.net/)を使用して実際の例を作成することができれば、超参考になります。 – Yass

+0

問題はありません、ここに行くhttp://codepen.io/thezenmonkey/pen/PGXVRV – thezenmonkey

+0

私は知っているcodepenと十分に親しみませんが、あなたの例に含まれているfoundation.dropdown.jsですか?それはドキュメントに従って含める必要があります。また、3つのユーティリティが必要です: http://foundation.zurb.com/sites/docs/dropdown-menu.html –

答えて

2

あるドキュメントの現在のバージョンではエラーがあるオンにします。リスナーを文書に添付する必要があり、イベント名が間違っています。

$(document).on('show.zf.dropdownmenu', function(ev, $el) { 
    console.log('open'); 
}); 
+0

うわー、ここであなたのコードで行ったようにリスナーを適用しただけで、うまくいきました。私は同意します、Zurb Foundation 6のドキュメントは問題です、これは山ほどのもう一つの例です。私はあなた自身の答えを正しいものとして受け入れることができれば幸いです! –

+0

ところで...正しい構文を見つけた場所にリンク/ドキュメントを追加できますか? –

+1

@ChrisO foundation.dropdownMenu.jsの実際のJavascriptコードを見ました。私はドキュメントを修正するためにZurbとプルリクエストを入れました。イベントが更新されていないdocblocデカールのようです – thezenmonkey

関連する問題