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

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 索引，将工具提示放在所有元素上。

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

Answer 3

将此代码通过 jquery 放入您的工作中： $('[data-toggle="tooltip"]').popover({ html：正确， trigger: 'hover', //如果想获取clicked事件则改为'click' 位置：'左'， });