我在IE11中获取JS循环以处理页面上的4个元素时遇到问题.我希望函数hideImg
在鼠标悬停上运行在您悬停的元素上.
这是我的代码:
elements.forEach( function(element) {
element.addEventListener('mouseover', hideImg);
});
Run Code Online (Sandbox Code Playgroud)
我想我发现forEach
IE中不支持循环,我怎样才能for
在普通JS中轻松将其转换为循环?
亲切的问候,
史蒂夫
javascript foreach internet-explorer loops internet-explorer-11
我正在使用 Foundation 4 框架创建一个服务器文件表,并且似乎遇到一个问题:当文件名长到两行时,并非所有行都可单击。我需要整个阴影行作为链接。
请参阅我在 Photoshop 中突出显示的可点击区域的图像。
每行的HTML结构如下:
<div class="fileTable row alternate">
<a class="icon folder" href="#">
<div class="large-10 columns margin">test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder test folder</div>
<div class="large-2 hide-for-small columns margin">23/05/2013</div>
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
.margin 的类别似乎是问题所在。添加它是为了使文本在每行内垂直居中,它在顶部和底部添加了 7px。我本来会使用 line-height 并将其设置为每行相同的高度(44px),但这会导致两行上的任何文件名的行之间存在巨大间隙。
上面的屏幕截图正是我需要的样子,只是由于某种原因它不能正确地作为链接。
fileTable 链接的 CSS 如下:
.fileTable a {
display: block;
line-height: 25px;
text-decoration: none;
color: #000000;
padding-left: 40px;
}
.margin {
margin-top: 7px; …
Run Code Online (Sandbox Code Playgroud)