こんにちは、Alloy UI でドロップダウン メニューを作成しようとしています。
<link rel="stylesheet" href="alloy2/aui-css/css/bootstrap.css"/>
<script src="alloy2/aui/aui-min.js"></script>
<div class="aui-dropdown" id="drp">
<a class="aui-dropdown-toggle" data-toggle="dropdown" href="#menu1">
Dropdown
<b class="aui-caret"></b>
</a>
<ul class="aui-dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="aui-divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<script>
YUI({
}).use('gallery-bootstrap-dropdown', 'node', function (Y) {
Y.one('.aui-dropdown-toggle').plug( Y.Bootstrap.Dropdown )
});
</script>
これは私が書いたすべてのコードです。ドロップダウン リンクを押しても、ドロップダウン メニューが表示されません。どうすれば機能しますか?Alloy UI バージョン 2 を使用しています。Alloy UI のブートストラップの代わりに Twitter Boostrap を使用すると動作します。これら 2 つのブートストラップの違いは、Alloy UI のバージョンには先頭に追加があるだけaui-
です。