2012-06-26 63 views
0

我想獲取自定義工具提示的形象。但是在運行時它說:「沒有定義方法或屬性的工具提示」 這裏是我的代碼jQuery的工具提示拋出錯誤:函數未定義

<script src="/full/jquery.tools.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 

     $("#content img[title]").tooltip(); 

    }); 

</script> 

<style type="text/css" > 

.tooltip 
    {  
     display:none; 
     background:transparent url(Images/blackarrow.png);  
     font-size:12px;  
     height:70px;  
     width:160px;  
     padding:25px;  
     color:#eee; 
    }</style> 
</asp:Content> 


    <div id="content"> <img alt="" src="Images/help1.png" title="Your help comes here" /></div> 
+0

您是否在頭部包含了插件?似乎沒有。 –

+0

是的,我做到了。我甚至在不同的項目中嘗試過同樣的東西,沒有母版頁,並且在本地獲得插件。沒有運氣。 – osaka

+0

您是否在包含JQuery之後包含插件? –

回答

1

嘗試直接從開發商包括插件,只是爲了測試。如果有效,代碼存在一些問題。

我已經從<img>中刪除了[title],如果您確實需要它,請重新放置它。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 

     $("#content img").tooltip(); 

    }); 

</script> 

<style type="text/css" > 

    #tooltip { 
    width:160px; 
    height:70px; 
    background:transparent url(Images/blackarrow.png) #eee; 
    z-index: 3000; 
    border: 1px solid #111; 
    opacity: 0.85; 
    font-size:12px;  
    padding:25px;  
    color:#eee; 
    position: absolute; 
    } 
    #tooltip h3, #tooltip div { margin: 0; } 


</style> 

<div id="content"> 
    <img alt="" src="Images/help1.png" title="Your help comes here" /> 
</div> 
+0

我也嘗試過直接從開發者那裏獲得,但是我仍然會再嘗試一次,如上所述n更新u。 – osaka

+0

@NandiniT,也許你的JQuery有一些問題,我已經做了一個更新在加載從谷歌庫的JQuery的答案,嘗試做到這一點看看會發生什麼。 –

+0

謝謝,我試過它的工作。 – osaka