2013-03-06 132 views
0

這可能是一個非常簡單的解決方案。但是,我是jquery和qtip的新手。對於我的生活,我無法讓我的qtip出現。所有顯示的是默認的工具提示。任何人都知道可能是什麼問題?Qtip沒有顯示

<html> 
<head> 
<link type="text/css" rel="stylesheet" href="/jquery.qtip.min.css"/> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

<script type='text/javascript' src="/jquery.qtip.min.js"></script> 

<script> 
$('a[title]').qtip() 
</script> 

</head> 
<body> 
<a title="why wont this tooltip work" href ="#">Hello there punk 
</body> 
</html> 

下面是一個簡單的例子,無法正常工作,有什麼建議?

+0

始終使用'document.ready'功能與您的jQuery。否則,當你調用'.qtip()'時,你的代碼失敗,因爲HTML還不存在。瞭解更多:http://api.jquery.com/ready/ – Sparky 2013-03-06 03:06:08

+0

哦,好的,謝謝你通知我並提供鏈接。我有很長的路要學習jQuery!再次感謝。 – DBroncos1558 2013-03-06 03:15:55

回答

3

閱讀中,我覺得這個文檔是做 的方式,這應該被稱爲後,才準備好文檔後

$(document).ready(function() 
{ 
    $('body a[href]').qtip(); 
}); 
+0

此答案正確,但您的括號錯誤。它用'});'而不是'}來關閉。 – Sparky 2013-03-06 03:07:02

+0

感謝您的快速響應!它現在有效! – DBroncos1558 2013-03-06 03:09:27

+0

@Sparky你我忘了10倍。 – 2013-03-06 03:18:45