我一直在尝试使用jQuery制作非常简单的javascript工具提示,但我已经碰到了一堵砖墙.想法是span在一个内部有一个内联元素()div.该span元素将包含一个div带有一点html(图像和链接)的工具提示.单击span元素时应打开工具提示,单击其外部或工具提示外部时应关闭工具提示.
到目前为止,打开工具提示不是问题,而是关闭.
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<style>
#colors > div {
background-color: red;
height: 50px;
width: 50px;
margin: 5px;
}
#colors > div > span {
min-height: 10px !important;
min-width: 10px !important;
border: 3px solid black;
position: relative;
}
.tooltip {
border: 2px solid blue;
display: none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function () {
// generate boxes and tooltips
for (var i = 0; i < 9; i++) …