angularjs – AngularStrap data-container =“self”无法在Fire

发布时间：2020-12-17 16:57:22 所属栏目：安全来源：网络整理

导读：我试图使用悬停显示下拉/弹出窗口并使用data-container =“self”使鼠标移动到它时显示下拉/弹出窗口.此方法适用于Google Chrome,但不适用于Firefox. 示例代码： button type="button" data-placement="right" data-trigger="hover | click" data-delay="300

我试图使用悬停显示下拉/弹出窗口并使用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上运行它？

解决方法

我从来没有听说过自己的关键字是angular-strap中的容器参数.它从何而来？

无论如何,如果要将下拉列表附加到另一个元素,容器很有用.由于它似乎不是你的情况,只是不提供数据容器,下拉列表将附加到元素本身.

编辑：

好的,我试过了,看到了你所描述的问题.您可以尝试这里给出的解决方案(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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!