gpt4 book ai didi

jQuery 工具提示显示额外的 div

转载 作者:行者123 更新时间:2023-12-01 02:55:15 25 4
gpt4 key购买 nike

我是 jQuery 新手,一直在尝试 ToolTip Widget .

当显示工具提示时,内容下方还会显示一个额外的 div,其文本与所显示的工具提示相同。

这是不受欢迎的,我不知道如何摆脱它。

请参阅: jsFiddle link for Trying jQuery ToolTip 有关我遇到的问题的代码示例。

这是我在 jsFiddle 上发布的代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>tooltip demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<style type="text/css">
.ui-tooltip
{
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
background: black;
color: White;
}
body .ui-tooltip
{
border-width: 2px;
}
</style>
</head>
<body>
<p>
<a href="#" title="Anchor description">Anchor text</a>
<input title="Input help">
</p>
<script type="text/javascript">
$(document).tooltip();
</script>
</body>
</html>

最佳答案

如果您将 jQuery 更改为如下所示,它将按您希望的方式工作(不显示该 div)。

$(function() {
$(document).tooltip();
$(".ui-helper-hidden-accessible").hide();
});

工作 fiddle -- http://jsfiddle.net/LJjDL/

关于jQuery 工具提示显示额外的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24685151/

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