jquery无法停止传播

jquery无法停止传播,jquery,css,Jquery,Css,我读过几乎每一篇类似的文章,但我不知道我的情况到底出了什么问题。 我的工具栏上有一个文件图标,单击该图标时,将打开一个type=file输入标记以打开本地文件 $('#文件')。单击(函数(){ $('#openFiles').css('可见性','可见'); }); $('#openFiles')。在('hover',函数(e)上{ e、 停止传播(); }); #文件:悬停{ 过渡:所有。2放松; 变换:比例(0.9); 边框:1px纯蓝色; } #文件{ 浮动:左; 宽度:24px; 高

我读过几乎每一篇类似的文章,但我不知道我的情况到底出了什么问题。 我的工具栏上有一个文件图标,单击该图标时,将打开一个
type=file
输入标记以打开本地文件

$('#文件')。单击(函数(){
$('#openFiles').css('可见性','可见');
});
$('#openFiles')。在('hover',函数(e)上{
e、 停止传播();
});
#文件:悬停{
过渡:所有。2放松;
变换:比例(0.9);
边框:1px纯蓝色;
}
#文件{
浮动:左;
宽度:24px;
高度:30px;
左缘:4.4%;
边缘顶部:10px;
背景图像:url('public/images/file.png');
}
#开放文件{
位置:相对位置;
边缘顶部:60像素;
可见性:隐藏;
}

我不确定我是否理解这个问题,但您的代码中似乎存在一些误解

e.stopPropagation
只影响javascript方面的内容。它不会阻止CSS事件传播


其次,由于您(通过
转换
)缩放容器元素
#file
,因此它也会影响其所有内容,即
#openFiles
元素。

在input旁边创建另一个DIV怎么样。绝对100%×100%。并对其进行变换/单击。那么你就不会有父子问题了。我会尝试一下,但问题会重新将你的问题编辑到标准的viewFix:`openFiles{position:relative;/*margin top:60px;*/visibility:hidden;width:24px;}太混乱了css lol。。。让我们去学习