如何检查JQuery UI工具提示? [英] How to inspect JQuery UI tooltip?

问题描述

我在页面上有一个默认的JQuery UI工具提示函数调用.有没有一种方法可以使用Inspector交互地设置工具提示div的样式?如果我有两个鼠标指针，一个将悬停在元素上以保持工具提示显示，第二个将使用Inspector并构建样式.但是我只有一只鼠标，一旦它离开元素，工具提示就会消失.在Inspector中检查:hover"状态无济于事.工具提示会在鼠标移开时消失.

I have a default JQuery UI tooltip function call on my page. Is there a way to style the tooltip div interactively using the Inspector? If I had two mouse pointers, one would be hovering over an element to keep the tooltip displayed and second would be using the Inspector and build the style. But I only have one mouse and as soon as it moves off the element, the tooltip disappears. Checking the ":hover" state in Inspector doesn't help. the tooltip disappears on mouse out.

我正在使用Chrome，但是任何浏览器中的技巧都可以.

I am using Chrome, but any trick in any browser would do.

推荐答案

我在Firefox中的工作解决方案:
1.将鼠标悬停在工具提示上(显示工具提示)
2.点击CMD-Option-K(OSX)或CTRL-Shift-K(Windows)，打开"Web控制台"
3.键入"debugger"(这将停止JS执行，因此工具提示不会消失)
4.打开检查器"选项卡，搜索.ui-tooltip
5.根据需要进行编辑.注意:即使停止执行JavaScript，对CSS的更改也将立即生效

My working solution in Firefox:
1. hover over tooltip (tooltip is shown)
2. hit CMD-Option-K (OSX) or CTRL-Shift-K (Windows), to open "Web Console"
3. type "debugger" (this will stop JS execution, so tooltip won't disappear)
4. open "Inspector" Tab, search for .ui-tooltip
5. edit as necessary. note: changes to CSS will work immediately, even if execution of JavaScript is stopped

这篇关于如何检查JQuery UI工具提示?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！