angularjs - 工具提示在引导模式下不起作用？

Question

我将 seiyria angular-bootstrap-slider 用于范围滑块，但最初当页面加载时，工具提示位于错误的位置。当它放置在正常页面中时它工作正常，但在模态中它最初位于错误的位置，但是当我点击它将被设置。那么如何解决这个问题。

HTML:

<button class="btn btn-default" value="modal"
        onclick="confirmChangeMaxHours();"><i
            class="glyphicon glyphicon-cog"></i> Adjust Value

链接在这里：

密码笔

我在某个网站上找到了这个建议：

 setTimeout(function() {
slider.slider("relayout");
}, 500);

但是，在我必须提供 setTimeout 功能的地方，我试图提供，但它显示错误，例如未定义 Slider。

提前致谢。

Answer 1

将此 CSS 添加到您的代码中

.tooltip{

  margin-left:-32px!important
}

Answer 2

在我的实现中，模式位于工具提示之上。所以，为了解决这个问题，我通过向所有工具提示添加一个大的 z-index 来将工具提示放在所有元素上。

.tooltip.tooltip-top,
.tooltip.tooltip-bottom,
.tooltip.tooltip-left,
.tooltip.tooltip-right {
  z-index: 100000;
}