「data-dropdown」プロパティを使用して、 Foundation からドロップダウン ボタン ( http://foundation.zurb.com/docs/components/dropdown-buttons.htmlなど) をサイトに追加したいと考えています。下部のドキュメントページで説明されているように、リスト。ドロップダウンは機能しますが、ボタンをクリックすると、どういうわけかリストがあまりにも下に落ちます(ボタンの下の300pxなど)。
空白のページにボタンを分離しようとしたり、カスタム設定やスタイルをすべて使用せずにボタンを分離しようとしましたが、うまくいきませんでした. 最新の Foundation 4.0.5 を gem としてインストールしています。このバージョンの Foundation で同じ問題を抱えている人はいますか? または、doc-example に構文エラーがありますか? このコード スニペットを正確にコピーして貼り付けました。
<a href="#" data-dropdown="drop1" class="button dropdown">Dropdown Button</a><br>
<ul id="drop1" class="f-dropdown">
<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>
助けてくれてありがとう!
- ピーター