我从http://tooltipsy.com/下载了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>
答案 0 :(得分:0)
这似乎对我有用:
不得不添加<p>
标签以推动身体向下,你可以看到提示。
HTML:
<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> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<a class="hastip" title="Show me">Why don't you work</a>
</body>
</html>
注意: 我使用了jQuery的非瘦身版本,因为看起来这个版本的tipsy并没有很好地与3.x一起播放瘦身版的jQuery。 (使用slimy和瘦jQuery会在控制台中抛出错误Uncaught TypeError: b.bind is not a function
。)