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>