我有一个列表的<li>'s和它旁边的一个图标,在悬停显示一个覆盖与‘测试’的信息。如下所示:
test1
test2
test3
等等..。
html:
<span class="account-info-icon"></span> // icon is the build using image sprites
<div id ="hover-container>
//details about the 'test1','test2'..so on
</
我有一个链接到几个地点的列表。我想添加地图标记到我的OSM地图,并删除它时,我悬停,而添加新的一个,我悬停等。我一直能够添加标记到地图上悬停,但我不能删除他们。
<a href="/..." onmouseover="mkron(this)" onmouseout="mkroff()">...</a>
JS
function mkron(x) {
// some code to get lat lon
L.marker([lat, lon]).addTo(map);
}
function mkroff()
我试图在将鼠标悬停在图标上时创建一个标签,当不再悬停在图标上时,标签将消失。在第一次将鼠标悬停在其上时,标签将被创建和删除,没有任何问题;这是预期的结果。
当光标多次悬停在图标上时,标签将成功渲染。但是,当光标不再悬停时,我得到这个错误:Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
我想了解是什么导致了这个错误。我认为这可能与嵌套事件处理程序有关,如果是这样,我不确定为什么。
所以我有一个图标列表,当你将鼠标悬停在图标上时,我试图让弹出窗口激活,我似乎无法让它工作,任何帮助都将不胜感激。
<img class="icon" rel="popover" trigger: "hover" data-placement="top" data content="This is a popover"src="images/brandable.png"><br>Brandable</br></li>
我把它放在一个单独的js文件中。
$
我有一个图标,需要将它放在文本框中的password_field,反之亦然。
<i class="password_icon fa fa-unlock" aria-hidden="true" onmouseover="mouseOverPassword()" onmouseout="mouseOutPassword()"></i>
但是当我悬停在图标上的时候,它说:
Uncaught ReferenceError: mouseOutPassword is not defined
at HTMLElement