我不明白我怎么能使用AlloyUI下拉脚本

Question

我不明白我如何使用AlloyUI下拉脚本。我在同一页面上写了5次这段代码。

<div id="myDropdown" class="dropdown">
<button id="myTrigger" class="btn btn-default dropdown-toggle" type="button">
  Dropdown
 <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a tabindex="-1" href="#">Action</a></li>
  </ul>
 </div>

在这个html中有相同的类和id，我使用这个脚本。我从合金中取出这个代码。 关注此 http://alloyui.com/examples/dropdown/

YUI().use(
 'aui-dropdown',
  function(Y) {
  new Y.Dropdown(
  {
    boundingBox: '#myDropdown',
    trigger: '#myTrigger'
  }
).render();
 }
  );

我在同一页面上有5个相同的html代码下拉列表。当我运行此代码时，我的第一个下拉工作正在运行而其他工作正常。