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