Question

问题：

一个HTML div不会像另一个那样在鼠标悬停时引发事件。

详细信息：

除了id
我的javascript代码已经过测试，无法正常使用
两个div都位于同一个父容器中
更改事件类型无济于事

[编辑3]此问题的难度：

这个问题很难解决，因为人们用来解决这类问题的小提琴等网站实际上并没有<!DOCTYPE>声明。

[编辑2]另一个视频：

请在观看此视频时尝试解释发生了什么：

https://solomonbroadbentnz-gmail.tinytake.com/sf/NjQ0OTE2XzMxMzM0NTM

[编辑1]更多资源：

显然，我对这个问题并没有做得很好，因为它并没有得到一些人的好评。

这是一个包含完整源代码的git repo：

https://github.com/solomonbroadbent/test

该问题的视频：

https://solomonbroadbentnz-gmail.tinytake.com/sf/NjQ0NTg4XzMxMzI2OTM

我正在积极尝试改进这个问题，欢迎任何建议。

代码：

这基本上是发生的事情：

<!--Necessary HTML code...-->
    <div id='divA' onmouseover='abitraryJSFunction()'></div> <!--event works-->
    <div i='divB' onmouseover='abitraryJSFunction()'></div> <!--event fails-->
    <!-- javascript file call -->
<!--Neccisary HTML code...-->

更具体的代码：

这就是我实际想要实现的目标：

HTML

<div id='leftDiv' onmouseover='showDragTab()'>
</div>
<div id='pageDiv' onmouseover='hideDragTab()'>
</div>
<div id='dragTab'>
</div>

的Javascript

function showDragTab() 
{
    myDragTab.style.visibility = 'visible';
}
function hideDragTab()
{
    myDragTab.style.visibility = 'hidden';
}

Answer 1

解决方案：

在文件顶部，我将<!DOCTYPE = html>更改为<!DOCTYPE html>

<强>详细信息：

这导致我需要稍微改变我的字体大小，但它现在有效。

[编辑]：这就是全部。使用以前版本的我的git repo，我甚至可以证明我的代码在整个时间都是正确的......

谢谢大家对这个问题的帮助，尤其是SO用户Damon。

某个div不会举起活动

1 个答案: