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

Answer 2

可能是因为您应该$('.tooltips').tooltip(); 在模式的内容插入文档后调用.

否则,请将您当前的代码发布在我们可以测试的地方.