Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Jquery 如何使用引导构建自定义工具提示窗口?_Jquery_Css_Twitter Bootstrap_Tooltip_Popover - Fatal编程技术网

Jquery 如何使用引导构建自定义工具提示窗口?

Jquery 如何使用引导构建自定义工具提示窗口?,jquery,css,twitter-bootstrap,tooltip,popover,Jquery,Css,Twitter Bootstrap,Tooltip,Popover,我正在尝试建立网站。我想有一个功能,比如当网站访问者将鼠标悬停在回答问题的用户的图片上时,新窗口(可能是工具提示/弹出窗口-我不确定)应该打开,拥有关于该用户的所有详细信息,并将新窗口(鼠标移出)隐藏起来。如何使用引导定制实现同样的功能 谢谢。在提出问题之前,您确实应该发布一些您尝试过的代码,但作为建议: 这可以通过CSS轻松实现。假设我们有两个元素:#包装器和#弹出窗口 #包装器包含图像,即#popup元素,并具有position:relative #popup是包含用户数据的元素,是隐藏的,

我正在尝试建立网站。我想有一个功能,比如当网站访问者将鼠标悬停在回答问题的用户的图片上时,新窗口(可能是工具提示/弹出窗口-我不确定)应该打开,拥有关于该用户的所有详细信息,并将新窗口(鼠标移出)隐藏起来。如何使用引导定制实现同样的功能


谢谢。

在提出问题之前,您确实应该发布一些您尝试过的代码,但作为建议:

这可以通过CSS轻松实现。假设我们有两个元素:#包装器和#弹出窗口

#包装器包含图像,即#popup元素,并具有position:relative

#popup是包含用户数据的元素,是隐藏的,位置:绝对,顶部:100%。您可以使用它来实现弹出窗口的不同位置

要使弹出窗口可见,可以在包装器上设置CSS:hover条件以显示弹出窗口,如

#wrapper:hover #popup { display:block; }
这里有一把小提琴来展示这个概念:


希望这有帮助。

到目前为止,你自己试过什么吗?我已经得到了我想要的。这对我帮助很大