javascript - jquery 工具提示抛出错误 : function not defined

Question

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

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

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