如何在用户将鼠标悬停在具有特定 class 的 div 上而不显示在其他人身上时显示工具提示
How to get a tooltip to show when users hover over a div with a certain class and not show on others
我实际上得到了工具提示,显示了我想要它显示的位置,该部分正在运行。它显示的文本包含在一个 <span>
中,该 <span>
是隐藏的,直到它们悬停在上面有工具提示 class 的 div
上,类似于 w3schools.com 上的 the example .
我有一个 div
的列,只有某些列得到工具提示 class。我遇到的问题是跨度已成功隐藏在 div
中 没有 有工具提示 class,但它仍在保留space 因为它,我很难弄清楚如何让它不那样做。
我用 CSS
的 visibilty:hidden
隐藏了 <span>
,它隐藏了文本,但它的 space 仍然保留。如果我将它更改为 display:none
而不是 visibility:hidden
,它会隐藏文本并且不会为其保留 space,这是有道理的,这几乎是我想要的,除了我做不到它再次可见而无需回发。
所以现在我正在考虑将整个内容放在 ajax 调用中,这样我就不必刷新整个页面,但我不确定这是否可行。
这是否可能,或者有人有任何建议吗?
感谢任何人提供的帮助。
谢谢
你可以试试 span{position:absolute}
使用 js 代替 css。
如果你使用 css 那么它也会在响应式上产生问题。
您可以使用 bootstrap 工具提示或简单的 jQuery
https://jqueryui.com/tooltip/
你可以做的是,给 div 一个 id,然后通过 css 悬停,将工具提示的显示设置为阻止,
或者您可以使用 javascript 为此,用悬停功能注册那些 divs,检查悬停元素的目标,如果它与那个匹配,设置工具提示的div 显示 属性 阻止,简单
我实际上得到了工具提示,显示了我想要它显示的位置,该部分正在运行。它显示的文本包含在一个 <span>
中,该 <span>
是隐藏的,直到它们悬停在上面有工具提示 class 的 div
上,类似于 w3schools.com 上的 the example .
我有一个 div
的列,只有某些列得到工具提示 class。我遇到的问题是跨度已成功隐藏在 div
中 没有 有工具提示 class,但它仍在保留space 因为它,我很难弄清楚如何让它不那样做。
我用 CSS
的 visibilty:hidden
隐藏了 <span>
,它隐藏了文本,但它的 space 仍然保留。如果我将它更改为 display:none
而不是 visibility:hidden
,它会隐藏文本并且不会为其保留 space,这是有道理的,这几乎是我想要的,除了我做不到它再次可见而无需回发。
所以现在我正在考虑将整个内容放在 ajax 调用中,这样我就不必刷新整个页面,但我不确定这是否可行。
这是否可能,或者有人有任何建议吗?
感谢任何人提供的帮助。
谢谢
你可以试试 span{position:absolute}
使用 js 代替 css。
如果你使用 css 那么它也会在响应式上产生问题。
您可以使用 bootstrap 工具提示或简单的 jQuery https://jqueryui.com/tooltip/
你可以做的是,给 div 一个 id,然后通过 css 悬停,将工具提示的显示设置为阻止,
或者您可以使用 javascript 为此,用悬停功能注册那些 divs,检查悬停元素的目标,如果它与那个匹配,设置工具提示的div 显示 属性 阻止,简单