Question

我正在将下拉列表插入动态表格中。问题是当我插入多个下拉菜单时。

当我单击任何下拉菜单按钮时，切换列表仅显示在第一个下拉菜单按钮上方，而不显示在我单击的下拉菜单按钮上方。

所以说我在表单中插入了3个下拉按钮。如果我单击下拉列表2或3；下拉列表1上方显示的内容列表。

这是我要插入表单的代码。

let vendor = `<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu test" id="vendor['+nextindex+']" name="vendor['+nextindex+']" aria-labelledby="dropdownMenu1">
    <li><a href="#" data-value="action">Action</a></li>
    <li><a href="#" data-value="another action">Another action</a></li>
    <li><a href="#" data-value="something else here">Something else here</a></li>
  </ul>
</div>`

Answer 1

我能够找到解决方案。 Bootstrap 4 Dropdown - Disable auto placement caused by popper.js

这是popper.js的问题。

动态下拉。切换仅显示在第一个下拉菜单中

1 个答案: