Question

我正在尝试使用悬停来显示下拉/弹出窗口并使用data-container="self"使鼠标移动到下拉/弹出窗口时显示。此方法适用于Google Chrome，但不适用于Firefox。

示例代码：

<button type="button" data-placement="right" data-trigger="hover | click" data-delay="300" bs-dropdown="dropdown" data-container="self">Click to toggle dropdown</button>

如何让它在Firefox上运行？

Answer 1

我从来没有听说过self关键字作为angular-strap中的容器参数。它来自哪里？

无论如何，如果您想将下拉列表附加到另一个元素，container非常有用。由于它似乎不是你的情况，只是不提供data-container，下拉列表将附加到元素本身。

编辑：

好的，我试过了，看到了你所描述的问题。您可以尝试这里给出的解决方案（https://stackoverflow.com/a/21293850/4506790）：在按钮中添加一个特定的类，并将其放在数据容器中。

<button type="button"
        class="dropdown-btn"
        data-placement="right"
        data-trigger="hover"
        data-delay="300"
        bs-dropdown="dropdown"
        data-container=".dropdown-btn">
    Hover to toggle dropdown
</button>

AngularStrap data-container =“self”无法在Firefox上运行

1 个答案: