jquery工具提示抛出错误:函数未定义

时间:2012-06-26 21:52:28

标签: javascript jquery css

我正在尝试在图片上获取自定义工具提示。但在运行时它说“方法或属性工具提示没有定义” 这是我的代码

<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>

1 个答案:

答案 0 :(得分:1)

尝试直接从开发人员中包含该插件,仅用于测试。如果有效,您的代码就会出现问题。

我已将[title]<img>移除,如果您确实需要,请重新添加。

<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>