工具提示在 bootstrap 模态中不起作用？

Question

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

HTMl:

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

这里是 link:

Codepen

我在某个网站上发现了这个建议：

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

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

提前致谢。

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;
}

工具提示在 bootstrap 模态中不起作用？

Tooltip is not working in bootstrap modal?

twitter-bootstrap

angularjs

bootstrap-slider