2014-01-28 52 views
0

首先,我是JQuery的新手,非常抱歉,如果這很簡單,我只是想念它。JQuery工具提示疑難解答

我試圖使用名爲「tooltipsy」(http://tooltipsy.com/)的jquery插件。

的最終目標是爲這個看這裏:http://screencast.com/t/4AghhAI7dL

這是目前發生的情況:截屏[點] com /噸/ mBAIm67lM6W1(對不起,無法發佈兩個以上的鏈路)

內我的代碼已經從示例中幾乎完全複製,但我似乎無法使其工作。這是在一個WordPress網站的樹枝模板文件中運行的,但我不相信這會影響它(當然,我可能會,也可能是錯誤的)?

<a class="hastip" title="Phone Here">(ES?)</a> 
<script type="text/javascript" src=" {{ wp.get_stylesheet_directory_uri() }}/assets/js/tooltipsy.min.js"> 
$('.hastip').tooltipsy(); 
</script> 

它鏈接到頭文件信息中的CSS文件,並且鏈接工作得很好。

我的問題是「工具提示」本身沒有出現,我不明白爲什麼?

希望任何和所有的幫助,謝謝!

回答

1
<a class="hastip" title="Phone Here">(ES?)</a> 
<script type="text/javascript" src=" {{ wp.get_stylesheet_directory_uri() }}/assets/js/tooltipsy.min.js"></script> 
<script> 
$(document).ready(function() { 
    $('.hastip').tooltipsy(); 
}); 
</script> 

你不能在腳本src中有代碼。

+0

我認爲,所以我將腳本源移至標題。那是不是正確的位置? 因爲即使它被移動了,它仍然不起作用。 – Moose

+0

你是否在插件之前加載jQuery庫? –

+0

是的,它會在其他任何事情之前加載標題信息。 – Moose