草庐IT

tooltip-hover

全部标签

javascript - 组合 jquery 函数 - on() hover/mouseenter/mouseleave

我有一系列元素(我们称它们为“.my-elements”)-一些在准备好文档时加载,而另一些稍后通过分页脚本加载。我想根据鼠标是否在这些元素上设置一个变量。下面的代码有效,但我怀疑有更好的方法...我可以这样做,这样我只需要引用一次DOM吗?$(document).on('mouseenter','.my-elements',function(){mouse_is_inside=true;});$(document).on('mouseleave','.my-elements',function(){mouse_is_inside=false;});谢谢!

javascript - 如何告诉 .hover() 等待?

我有一个下拉菜单。现在当它向下滑动到多个级别时,我希望它在它消失之前增加2秒的等待时间,这样用户可以在他打破.hover()时返回错误。这可能吗?我的幻灯片代码:$('.icon').hover(function(){$('li.icon>ul').slideDown('fast');},function(){$('li.icon>ul').slideUp('fast');}); 最佳答案 这将使第二个函数在执行前等待2秒(2000毫秒):$('.icon').hover(function(){clearTimeout($(this

javascript - 如何在激活 CSS ":hover"的纯 JavaScript 中模拟鼠标悬停?

我一直试图在Chrome中找到模拟mouseover的代码,但即使触发了“mouseover”监听器,也从未设置CSS“悬停”声明!我也试过://CalledwithinmouseoverlistenertheElement.classList.add("hover");但似乎没有什么可以将元素更改为其hover声明中声明的内容。这可能吗? 最佳答案 你不能。这不是trustedevent.Eventsthataregeneratedbytheuseragent,eitherasaresultofuserinteraction,or

javascript - 更改 :hover CSS properties with JavaScript

JavaScript如何改变CSS:hover属性?例如:HTMLHover1Hover2CSStabletd:hover{background:#ff0000;}如何使用JavaScript将td:hover属性修改为background:#00ff00?我知道我可以使用JavaScript访问样式背景属性:document.getElementsByTagName("td").style.background="#00ff00";但我不知道.styleJavaScript等同于:hover。 最佳答案 像:hover这样的伪类从

javascript - Bootstrap "tooltip"和 "popover"在表中添加额外的大小

Note:DependingonyouBootstrapversion(priorto3.3ornot),youmayneedadifferentanswer.Payattentiontothenotes.当我在此代码中激活工具提示(悬停在单元格上)或弹出窗口时,表格的大小正在增加。我怎样才能避免这种情况?此处为emptyRow-生成tr的函数为100#matrixtd{width:10px;height:10px;border:1pxsolidgray;padding:0px;}functionemptyRow(){str=''for(j=0;j'}str+=''returnstr}

javascript - 我可以禁用 CSS :hover effect via JavaScript?

我试图阻止浏览器通过JavaScript使用CSS的:hover效果。我在我的CSS中设置了a和a:hover样式,因为如果JS不可用,我想要一个悬停效果。但是如果JS可用,我想用更平滑的效果覆盖我的CSS悬停效果(例如使用jQuery颜色插件。)我试过这个:$("ul#mainFiltera").hover(function(e){e.preventDefault();...domystuff...},function(e){e.preventDefault();...domystuff...});我也用returnfalse;试过了,但它不起作用。这是我的问题的一个例子:http:

javascript - 如何在 jQuery 中取消绑定(bind) "hover"?

如何在jQuery中取消绑定(bind)“悬停”?这不起作用:$(this).unbind('hover'); 最佳答案 $(this).unbind('mouseenter').unbind('mouseleave')或更简洁(感谢@ChadGrant):$(this).unbind('mouseentermouseleave') 关于javascript-如何在jQuery中取消绑定(bind)"hover"?,我们在StackOverflow上找到一个类似的问题:

python - Bokeh 绘图 : Enable tooltips for only some glyphs

我有一个带有一些字形的图形,但只想显示某些字形的工具提示。目前有没有办法在Bokeh中实现这一点?或者,有没有办法将两个图形相互叠加?看来这会让我完成我想做的事情。 最佳答案 感谢GoogleGroups中的这个页面,我想出了如何做到这一点。Linkhere编辑2015-10-20:不幸的是,谷歌群组链接似乎不再有效。这是来自SarahBird@bokehplot的消息。编辑2017-01-18:目前这会在工具栏中添加多个悬停工具图标。这可能会导致问题。在githubhere上已经提交了一个问题.或者,在下面的答案中尝试@terry

vue element-ui el-tooltip组件失效问题

vueelement-uiel-tooltip组件失效问题起因尝试解决总结以上起因因为公司项目年代久远以及谷歌chrome80后的samesite问题,所以在开发阶段使用Firefox来查看效果项目上到测试环境之后,我这边使用Firefox查看效果是没有问题的,tooltip组件正式显示但是当测试使用Chrome的时候,tooltip组件没有显示,审查元素也发现没有相应的tooltip的html元素出现,正常来讲应该是要出现类似以下的html元素的最后经过大量百度(bushi)以及查阅github的issue之后得出:当el-tooltip组件内直接放置文本或者单一元素的时候,在Chrome会

前端Element-UI中show-overflow-tooltip属性不生效

项目场景:使用Element-UI中的el-table对获取的属性数据进行展示问题描述el-table表格中设置show-overflow-tooltip属性,鼠标悬浮后,tooltip文本提示内容不显示原因分析:在网络上查看时,发现解决方法最多的就以下几个:1、属性替换::show-overflow-tooltip="true"替换为show-overflow-tooltip然而,无用(下一个);2、使用show-overflow-tooltip需要添加嵌套才能生效嵌套内容格式:标签,标签里面嵌套标签才能生效(对于初学者是不是觉得看的有点懵?),上代码,类似这种el-table-column