2

METRO UI CSSを使用しています。ドロップダウンメニューを実装しました。よさそうです。しかし、ドロップダウン リストは表示されません。

次のリンクの例を使用しました。

ドロップダウン付きの水平メニュー。

最新のMETRO UI CSSパッケージから次のファイルをhtmlコードに追加しました。

<link href="metroui/css/metro-bootstrap.css" rel="stylesheet">
<link href="metroui/css/metro-bootstrap-responsive.css" rel="stylesheet">
<link href="metroui/docs/css/iconFont.css" rel="stylesheet">
<link href="metroui/docs/js/prettify/prettify.css" rel="stylesheet">
<link href="metroui/docs/css/docs.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->
<script src="metroui/js/metro-dropdown.js"></script>
<script type="dropdown.js"></script>
<script src="metroui/docs/js/jquery/jquery.min.js"></script>
<script src="metroui/docs/js/jquery/jquery.widget.min.js"></script>
<script src="metroui/docs/js/jquery/jquery.mousewheel.js"></script>
<script src="metroui/docs/js/prettify/prettify.js"></script>
<script src="metroui/docs/js/holder.js"></script>

<!-- Metro UI CSS JavaScript plugins -->
<script src="metroui/docs/js/load-metro.js"></script>

どんな助けでも大歓迎です！

4

5 に答える 5

0

以下を試してください - 私にとってはうまくいきます：

<script src="Scripts/jquery-2.1.3.min.js"></script> 
<script src="Scripts/jquery-ui.min.js"></script> 
<link href="Scripts/metro-ui/css/metro-bootstrap.css" rel="stylesheet" />
<link href="Scripts/metro-ui/css/metro-bootstrap-responsive.css" rel="stylesheet" />
<link href="Scripts/metro-ui/css/iconFont.css" rel="stylesheet" />
<script src="Scripts/metro-ui/js/jquery.min.js"></script>
<script src="Scripts/metro-ui/js/jquery.widget.min.js"></script>
<script src="Scripts/metro-ui/js/jquery.mousewheel.js"></script>
<script src="Scripts/metro-ui/js/metro.min.js"></script> </pre>

また 、次のように追加class="metro"します。<body><body class="metro">

これが役立つことを願っています。

于 2015-01-05T22:24:34.223 に答える
0

Navbar ドロップダウンは、ルート フォルダー内のファイルでのみ機能します。docs フォルダの css/js だけが正しく動作しているようです。他のすべての組み合わせを試しましたが、機能しませんルート フォルダーにすべてのファイルを配置する必要があります。そうしないと、ナビゲーション バーのドロップダウンが機能しません。

ナビゲーションバー以外のドロップダウンはどこでも機能します。

docs css/js バージョンのみが機能します。他のバージョンはありません

アップデート：

load-metro.js では、パスを相対パスから絶対パスに変更する必要があります。

$(function(){
    if ((document.location.host.indexOf('.dev') > -1) || (document.location.host.indexOf('modernui') > -1) ) {
        $("<script/>").attr('src', '/docs/js/metro/metro-loader.js').appendTo($('head'));
    } else {
        $("<script/>").attr('src', '/docs/js/metro.min.js').appendTo($('head'));
    }
})
于 2015-03-30T10:16:02.313 に答える
0

著者より:

Metro.min.js には、すべての js メトロ コンポーネントが含まれています。クラスのメトロのメインコンテナを確認してください。ajax からドロップダウンをビルドする場合は、グローバル変数 METRO_AUTO_REINIT を true に設定します。詳細はこちらhttps://github.com/olton/Metro-UI-CSS/issues/574

ヘッダータグに追加しましたが、機能します。

<script src="metroui/docs/js/load-metro.js"></script> <script>var METRO_AUTO_REINIT = true;</script>

于 2015-04-15T17:10:23.350 に答える