gpt4 book ai didi

javascript - 尝试让工具提示示例发挥作用

转载 作者:行者123 更新时间:2023-11-28 05:28:16 26 4
gpt4 key购买 nike

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

最佳答案

这似乎对我有用:

必须添加<p>标签将 body 向下推,您可以看到尖端。

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

注意:我使用了 jQuery 的非精简版本,因为这个版本的 Tipsy 似乎与 3.x 的配合不太好jQuery 的精简版。 (在 slim jQuery 中使用醉酒会在控制台中抛出错误 Uncaught TypeError: b.bind is not a function。)

关于javascript - 尝试让工具提示示例发挥作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39944356/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com