javascript - 动态设置top div位置

标签 javascript html css

所以我创建了一个简单的日历 ( http://www.akapa.org/newsite/events/calendar.htm ) 并且我有一堆由单元格制作的“更多信息”按钮。在右侧的表格单元格中是一堆隐藏的 DIV,当您将鼠标悬停在“更多信息”按钮上时,它们都会出现,显然提供了有关日历日期/事件的更多详细信息。

我的问题是,每次我向日历添加新事件时,我都必须为这些隐藏的 div 中的每一个提供一个准确的“顶部”css 位置。我想动态地告诉每个隐藏的 div 匹配“顶部”css 位置以匹配每个“更多信息”按钮的顶部位置。我该怎么做?

最佳答案

你应该使用 jQuery ;它使 Javascript 变得更容易。

使用 jQuery,您可以编写以下内容:

$('#' + popupId).top($('#'+tdId).offset().top);

关于javascript - 动态设置top div位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1903061/

相关文章:

javascript - 更改文本颜色而不更改边框颜色

javascript - Angular Testing : tick vs flushMicrotasks in fakeAsync block

javascript - 如何在页面加载时自动点击网页上的输入字段

javascript - 如何确保我的幻灯片显示 100% 的宽度

c# - 在运行时创建带有图像和链接按钮的面板

javascript - jQuery 和 CSS 选择器

javascript - 如何在样式组件中获取元素的宽度(以 px 为单位)?

javascript - 如何阻止元素在 JavaScript 事件期间更改(属性)?

javascript - Instagram API : How to get pictures by tag name

javascript - 根据单选按钮选择更改值和链接