html - 为什么 Bootstrap 工具提示在 Bootstrap 模式中不起作用？

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>

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

Answer 1

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

.tooltip {
    z-index: 100000000; 
}