angularjs - AngularStrap 数据容器 ="self"不适用于 Firefox

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>