Question

我正试图在一个popover（两个引导程序）中插入一个下拉列表，它有点'有效'。我打开的第一个popover工作正常，但是一打开另一个（从不同的图像），它就会停止工作（看看this video看看我的意思。）

在我的HTML中，我确保每个下拉列表都有不同的ID（通过绑定我的对象ID，这总是不同的），因为显然这是Bootstrap使用的：

<div class="dropdown collection-selection-view">
    <button class="btn btn-primary dropdown-toggle collection-dropdown" type="button" id="collection-dropdown-<%- id %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Choose or Create Collection
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu user-collection-list" aria-labelledby="collection-dropdown-<%- id %>"></ul>
</div>

他们使用唯一ID进行渲染。

示例＃1：

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle collection-dropdown" type="button" id="collection-dropdown-40261" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Choose or Create Collection
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu user-collection-list" aria-labelledby="collection-dropdown-40261">
        <li>
            <a href="#">Happy collection</a>
        </li>
        <li>
            <a href="#">Sad collection</a>
        </li>
    </ul>
</div>

示例＃2：

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle collection-dropdown" type="button" id="collection-dropdown-39935" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Choose or Create Collection
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu user-collection-list" aria-labelledby="collection-dropdown-39935">
        <li>
            <a href="#">Happy collection</a>
        </li>
        <li>
            <a href="#">Sad collection</a>
        </li>
    </ul>
</div>

但由于某种原因，它仍然不起作用......任何关于可能发生的事情的想法？

带下拉的Bootstrap Popover

0 个答案: