Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 堆栈溢出标记-鼠标悬停时如何显示信息?_Javascript_Jquery_Tooltip - Fatal编程技术网

Javascript 堆栈溢出标记-鼠标悬停时如何显示信息?

Javascript 堆栈溢出标记-鼠标悬停时如何显示信息?,javascript,jquery,tooltip,Javascript,Jquery,Tooltip,当鼠标移到每个堆栈溢出标记上时,标记会在其下方显示一个信息框。只要鼠标在标签或信息框上,它就会继续可见。将鼠标移出标记或信息框会导致信息框消失 如何使用JQuery或JS实现这一点?请解释从服务器检索标记信息的过程 更新: 重要的是很难相信它是一个工具提示。因为当标记从其表面丢失鼠标指针时,工具提示通常会消失。但是对于堆栈溢出工具提示,即使将鼠标移到信息区域上,它们也会保持静止。这就是为什么我提出这个问题来澄清这一点。这种定制是如何完成的?jQuery工具提示插件之一: 此外,我认为可以使用A

当鼠标移到每个堆栈溢出标记上时,标记会在其下方显示一个信息框。只要鼠标在标签或信息框上,它就会继续可见。将鼠标移出标记或信息框会导致信息框消失

如何使用JQuery或JS实现这一点?请解释从服务器检索标记信息的过程

更新:


重要的是很难相信它是一个工具提示。因为当标记从其表面丢失鼠标指针时,工具提示通常会消失。但是对于堆栈溢出工具提示,即使将鼠标移到信息区域上,它们也会保持静止。这就是为什么我提出这个问题来澄清这一点。这种定制是如何完成的?

jQuery工具提示插件之一:


此外,我认为可以使用AJAX在工具提示中加载信息,但您不必这样做。

jQuery工具提示插件之一:


另外,我认为可以使用AJAX在工具提示中加载信息,但您不必这样做。

我建议这样做。

我建议这样做。

在不太具体的情况下,我能给您的只是它如何工作的一般概念


鼠标悬停将触发一个AJAX请求(可能是在一个较短的计时器倒计时之后,以使其一直启动,直到指针在标记上停留了很短的时间),该请求将向SO数据库查询相关的标记。If返回某种响应,要么是直接注入DOM的HTML片段,要么是用于填充注入DOM的元素的XML或JSON编码的数据块。mouseout事件将从DOM中删除该元素。我可以想象AJAX响应也被管理它的javascript保存在内存缓存中,这样相同的数据就不会被重复请求

在不说得更具体的情况下,我只能给你一个关于它如何工作的大致概念


鼠标悬停将触发一个AJAX请求(可能是在一个较短的计时器倒计时之后,以使其一直启动,直到指针在标记上停留了很短的时间),该请求将向SO数据库查询相关的标记。If返回某种响应,要么是直接注入DOM的HTML片段,要么是用于填充注入DOM的元素的XML或JSON编码的数据块。mouseout事件将从DOM中删除该元素。我可以想象AJAX响应也被管理它的javascript保存在内存缓存中,这样相同的数据就不会被重复请求

查看jQuery的一些工具提示插件。至于接收工具提示的HTML,只需查看jQuery文档中的一些简单的
$.ajax
示例


工具提示


看看jQuery的一些工具提示插件。至于接收工具提示的HTML,只需查看jQuery文档中的一些简单的
$.ajax
示例


工具提示


将事件侦听器添加到mouseover DOM事件以显示信息框。将事件侦听器添加到mouseout事件以隐藏信息框。有关详细信息,请参阅。通过检索要在信息框中显示的信息。

将事件侦听器添加到mouseover DOM事件以显示信息框。将事件侦听器添加到mouseout事件以隐藏信息框。有关详细信息,请参阅。通过检索要在信息框中显示的信息。

jQuery有几个工具提示插件:jQuery有几个工具提示插件: