Javascript 尝试使用工具提示示例_Javascript_Jquery_Html_Tipsy

Javascript 尝试使用工具提示示例

javascript jquery html

Javascript 尝试使用工具提示示例,javascript,jquery,html,tipsy,Javascript,Jquery,Html,Tipsy,我从下载了tooltipsy.min.js，并将其放在与html文件相同的文件夹中。这是我的代码，根本不起作用。为什么？用$（document.ready（）包装jquery代码没有帮助 <html> <head> <style> .tooltipsy { padding: 10px; max-width: 200px; color: #303030; background-color: #f5f5b5; border:

我从下载了tooltipsy.min.js，并将其放在与html文件相同的文件夹中。这是我的代码，根本不起作用。为什么？用

$（document.ready（）

包装jquery代码没有帮助

<html>
<head>
<style>
.tooltipsy {
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}
</style>
<script type="text/javascript" src="jquery-3.1.1.slim.min.js"></script>
<script type="text/javascript" src="tooltipsy.min.js"></script>

<script type="text/javascript">
$('.hastip').tooltipsy();
</script>

</head>

<body>
<a class="hastip" title="I am the tooltip text">I want a tooltip</a>
</body>

</html>


.工具提示{
填充：10px；
最大宽度：200px；
颜色：303030；
背景色：#F5B5；
边框：1px实心#deca7e；
}
$（'.hastinp'）.tooltipsy（）；
我想要一个工具提示

这似乎对我有用：

必须添加

标签才能将身体向下推，您可以看到提示

HTML:


.工具提示{
填充：10px；
最大宽度：200px；
颜色：303030；
背景色：#F5B5；
边框：1px实心#deca7e；
}
$（文档）.ready（函数（）{
$（'.hastinp'）.tooltipsy（）；
})





你为什么不工作

注意：我使用了jQuery的非精简版本，因为这个版本的tipsy似乎与3.x精简版的jQuery没有很好的配合。（将tipsy与slim jQuery一起使用会抛出错误

uncaughttypeerror:b.bind不是控制台中的函数。
这似乎对我有用：
必须添加
标签才能将身体向下推，您可以看到提示
HTML:

.工具提示{
填充：10px；
最大宽度：200px；
颜色：303030；
背景色：#F5B5；
边框：1px实心#deca7e；
}
$（文档）.ready（函数（）{
$（'.hastinp'）.tooltipsy（）；
})





你为什么不工作

注意：我使用了jQuery的非精简版本，因为这个版本的tipsy似乎与3.x精简版的jQuery没有很好的配合。（将tipsy与slim jQuery一起使用会抛出错误uncaughttypeerror:b.bind不是控制台中的函数。my bad。我编辑了代码。还是一样的结果。Firebug（@Firefox）告诉我根本没有javascript错误）我的错。我编辑了代码。还是一样的结果。Firebug（@Firefox）告诉我根本没有javascript错误）你是对的。。。当我使用jquery-3.1.1.min.js时，它可以工作。谢谢，你说得对。。。当我使用jquery-3.1.1.min.js时，它可以工作。谢谢
<html>
<head>
<style>
.tooltipsy {
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}
</style>

<script   src="http://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>

<script type="text/javascript">
$(document).ready(function () {
    $('.hastip').tooltipsy();
})

</script>

</head>

<body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
<a class="hastip" title="Show me">Why don't you work</a>
</body>

</html>