2016-10-10 77 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

相關問題