gpt4 book ai didi

jquery - 工具提示不适用于 JQuery 1.11.2

转载 作者:太空宇宙 更新时间:2023-11-04 12:02:28 24 4
gpt4 key购买 nike

我试图在移动悬停时在标签上显示工具提示。我跟着这个Tooltip tutorial让他们工作。本教程使用 JQuery 1.4.2,而我的元素是基于 JQuery 1.11.2 构建的。工具提示适用于 1.4.2 但不适用于 1.11.2。

是否在 JQuery 中删除了对工具提示的支持?我错过了什么吗?

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<style type="text/css">
#hint{
cursor:pointer;
}
.tooltip{
margin:8px;
padding:8px;
border:1px solid blue;
background-color:yellow;
position: absolute;
z-index: 2;
}
</style>
</head>

<body>
<h1>jQuery tooltips example</h1>
<label id="username">Username : </label><input type="text" / size="50">
<span id="authentication-password-tooltip">Password(?)</span>
<script type="text/javascript">
$(document).ready(function() {
var changeTooltipPosition = function(event) {
var tooltipX = event.pageX - 8;
var tooltipY = event.pageY + 8;
$('div.tooltip').css({top: tooltipY, left: tooltipX});
};
var showTooltip = function(event) {
$('div.tooltip').remove();
$('<div class="tooltip">I\' am tooltips! tooltips! tooltips! :)</div>')
.appendTo('body');
changeTooltipPosition(event);
};
var hideTooltip = function() {
$('div.tooltip').remove();
};
$("span#authentication-password-tooltip,label#username'").bind({
mousemove : changeTooltipPosition,
mouseenter : showTooltip,
mouseleave: hideTooltip
});
});
</script>
</body>
</html>

最佳答案

从你的 $("span#authentication-password-tooltip,label#username'") 中删除 ';它破坏了脚本。

Here's a working jsFiddle

一些一般性建议:正如评论中所指出的,当您遇到 JavaScript 错误时,您应该始终首先检查控制台。另外,1.4.2 is very old now (超过 5 年)。发生了很多变化,所以您以后应该尝试寻找更多最新的教程。

关于jquery - 工具提示不适用于 JQuery 1.11.2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29648026/

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