2016-10-10 49 views
1

我的工具提示完美地工作在主页上。在通过ajax调用生成的模式中,模块不起作用。Bootstrap工具提示无法在模式下工作

我在生成的模态(ajax调用的结果)中包含了以下代码。

要重新INI工具提示

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

为什么不提示显示─我在做什么错?

回答

3

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

否则,请张贴您当前的代码,我们可以测试它的小提琴。

+0

+1我也这么认为。尝试类似 '$('。modaDivClassName')。on('shown.bs.modal',function(){ $('。tooltips')。tooltip(); });' 有关更多信息,请参阅[引导模式文档](http://getbootstrap.com/javascript/#modals) – Muli

+0

这是原因..你需要调用'.tooltip()'在你的模态的显示事件 – FastTrack

相关问题