Javascript 我不明白如何使用AlloyUI下拉脚本

我不明白如何使用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>

---

我有5个下拉列表在我的同一页上使用相同的html代码。当我运行这段代码时，我的第一个下拉列表正在工作，而另一个下拉列表不工作

这个YUI应用于第一个html的下拉列表和它的工作，但其他下拉列表不工作你自己说的答案。您仅将下拉列表应用于第一个HTML。对于五个下拉列表，您需要执行五次新的Y.下拉列表。确保五个下拉列表具有不同的ID，然后在触发器和边界框属性中引用它们。

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