为什么引导工具提示在引导模式中不起作用？

Question

我的工具提示在主页上完美运行。在稍后由 ajax 调用生成的模态中，工具提示将不起作用。

我在生成的模式（ajax 调用的结果）中包含了以下代码。

重新设置工具提示

<script>
  $('.tooltips').tooltip();
</script>

在模态的html中

  <button class="btn btn-lg default tooltips blue-madison" type="submit"
   name="O" data-container="body" data-placement="top"
   data-original-title="THIS TEXT FOR TOOLTIPS">
     <i class="fa fa-industry blue-madison"></i> BUTTON1
   </button>

  <button class="btn btn-lg default tooltips green-jungle" type="submit"
    name="P" data-container="body" data-placement="top"
    data-original-title="THIS TEXT FOR TOOLTIPS">
      <i class="fa fa-user green-jungle "></i> BUTTON2
  </button>

为什么工具提示不显示 - 我做错了什么？

原文由 4usolutions 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

问题是由于模式和工具提示的 z-index。你可以试试这个，

 .tooltip {
    z-index: 100000000;
}

原文由 Dhaval Tejlavwala 发布，翻译遵循 CC BY-SA 4.0 许可协议