Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery工具提示抛出错误:未定义函数_Javascript_Jquery_Css - Fatal编程技术网

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

Javascript jquery工具提示抛出错误:未定义函数,javascript,jquery,css,Javascript,Jquery,Css,我试图在图像上获得自定义工具提示。但在运行时,它会显示“未定义方法或属性工具提示” 这是我的密码 <script src="/full/jquery.tools.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#content img[title]").toolti

我试图在图像上获得自定义工具提示。但在运行时,它会显示“未定义方法或属性工具提示” 这是我的密码

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

$(文档).ready(函数(){
$(“#内容img[标题]”)。工具提示();
});
.工具提示
{    
显示:无;
背景:透明url(Images/blackarrow.png);
字体大小:12px;
高度:70像素;
宽度:160px;
填充:25px;
颜色:#eee;
}

试着直接从开发者那里加入插件,只是为了测试。如果有效,则代码存在一些问题

我已从

$(文档).ready(函数(){
$(“#内容img”).tooltip();
});
#工具提示{
宽度:160px;
高度:70像素;
背景:透明url(Images/blackarrow.png)#eee;
z指数:3000;
边框:1px实心#111;
不透明度:0.85;
字体大小:12px;
填充:25px;
颜色:#eee;
位置:绝对位置;
}
#工具提示h3,#工具提示div{margin:0;}

您是否将插件包含在标题部分?似乎没有。是的,我有。我甚至在不同的项目中尝试了同样的事情,没有母版页,在本地获取插件。仍然没有运气。在包含JQuery之后,你是否包含了插件?我也尝试过直接从开发者那里提供插件,但仍然会再试一次,如上所述n update u@NandiniT,也许你的JQuery有一些问题,我在从Google库加载JQuery的答案中做了一个更新,试着这样做看看会发生什么。
<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>