2016-05-23 82 views
1

在以下(非常簡單)示例中,我無法獲得引導程序的工具提示來顯示,它們只是不起作用(我得到普通的香草瀏覽器toooltips)。無法獲得引導工具提示

http://codepen.io/anon/pen/zqgaMY

我的一個標籤有官方的引導代碼:

data-toggle="tooltip" data-placement="left" title="Tooltip on left" 

和我加載JS:

$(function() { 
    $('[data-toggle="tooltip"]').tooltip() 
}) 

我在做什麼錯?

回答

3

您需要包含jQuery以使工具提示工作。補充一點:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 

以上bootstrap.js鏈接,它應該工作的罰款。


鏈接的jsfiddle:https://jsfiddle.net/e0d8my79/104/

鏈接CodePen:http://codepen.io/anon/pen/oxKyKB

+0

是的。當出現這樣的錯誤時,通常會立即在任何瀏覽器的開發者控制檯中看到。 – coyotte508

+0

這真是太棒了!不知道爲什麼它在bootstrap文檔中不明確,我會重新閱讀它們以查看我錯過的位置。非常感謝,我會盡快接受你的回答。 –

+0

@AlexandreDanault很高興能幫到你。乾杯!! –

-1

檢查你的jquery.js文件已準備就緒的厄運...... 並作出證明...... 只有白衣$('[data-toggle =「tooltip」]')。tooltip();