1

いくつかの前提条件:

みなさん、こんにちは。まず、問題のサイトをご案内します: http://hws-1.apphb.com/Account/Smartplan

テーブルの上に、Zurb の Foundation 4 が提供する青と緑のドロップダウン ボタンがあります。

SASS nuget パッケージを使用した Zurb Foundation で ASP.net MVC を使用しています。

問題：

ドロップダウン ボタンをクリックすると、ボタンの途中に表示されることがわかります。意図した機能は、zurb ドロップダウン ボタンのドキュメントに示されているように、そのすぐ下から開始することです。

私は少し調査を行い、ドロップダウンの問題に関連する投稿を見つけましたが、それらはすべてわずかに異なる問題 (ドロップダウンが表示されていない) であり、Foundation 4 の古いバージョンにありました。私は 4.3.1 を使用していますNuget パッケージで提供されます。ドロップダウンに関する問題は、主にこのスレッドに従って 4.1.6 以降に解決されていることを読みました。

https://github.com/zurb/foundation/issues/1789

CSS値をハードコーディングしてさらに押し下げるのではなく、この問題の原因を見つけようとしています。過去数日間、複数の修正を試みましたが、何も機能しませんでした。

誰かがこの問題を経験したことがありますか、または洞察を提供できますか? 回答者全員に感謝します。

4

2 に答える 2

1

計算は実際にはJavaScriptで行われていることは知っていますが、簡単な回避策として、CSSファイルに移動してください

.f-dropdown {
    margin-top: 33px;
}

そして、それはあなたの問題を解決するはずです

于 2013-10-09T20:04:32.310 に答える
0

ソースコードが表示されます...問題は、zepto.jsがいくつかのdropdown.jsプロトコルをオーバーライドしていることです..

zepto.js を削除します

   <script src="https://media.hardworkingsoftware.com/Scripts/zepto.js"></script>

ファンデーションを使用している場合は、必要に応じて zepto.js を追加してください。

   <script>
   document.write('<script src=https://media.hardworkingsoftware.com/Scripts/'
   + ('__proto__' in {} ? 'zepto' : 'jquery')
   + '.js><\/script>');
   </script>

詳細については、このリンクを参照してくださいhttp://foundation.zurb.com/docs/javascript.html

于 2013-10-10T06:36:59.533 に答える