为什么立场没有改变?并且,我该如何改变它?

发布于 2025-01-01 06:24:54 字数 529 浏览 0 评论 0原文

我有一个日历页面,我正在尝试在其上定位事件。与您看到的大多数 javascript 日历(谷歌日历等)不同,日历上方有动态内容,其大小根据 ajax 调用而波动。因此,我需要一个函数,当页面大小发生变化时,我可以调用该函数来在日历上定位事件。第一步,我在页面上绘制一些静态 div,然后尝试在页面加载时将它们放置在日历上。事件应浮动在日历上方,事件的顶部与其浮动的日历单元格对齐。

我在 JSFiddle 上有代码: http://jsfiddle.net/LrEEA/ 自从 JSFiddle 死后,代码也在这里: http://midas.sleepex.com/calendar.html

当我在运行脚本后检查 chrome 中的 div 时,它说顶部和左侧坐标是正确的,但 div 未定位在日历上。我做错了什么以及如何使这项工作发挥作用?

I have a calendar page that I'm trying to position events on. Unlike most javascript calendars that you see (google calendar, etc.) there is dynamic content above the calendar that fluctuates in size based on ajax calls. So, I need a function that I can call to position the events on the calendar when the page size changes. For my first step, I am drawing some static divs on a page, and then trying to position them on the calendar on page load. The events should float above the calendar, with the top of the event lining up to the calendar cell that it floats over.

I have the code on JSFiddle: http://jsfiddle.net/LrEEA/
The code is here as well since JSFiddle died: http://midas.sleepex.com/calendar.html

When I inspect the divs in chrome after running the script, it says the top and left coordinates are correct, but the divs are not positioned over the calendar. What am I doing wrong and how do I make this work?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

写给空气的情书 2025-01-08 06:24:54

您正在使用position:absolute。除非您将事件的其他父元素列为位置:相对,否则这意味着您的事件相对于整个文档的顶部/左侧定位。尝试将日历包装在 position:relative 的普通 div 中,并将事件插入到该 div 中,以便它们绝对位于 div 上,而不是文档上。

You're using position: absolute. Unless you've got some other parent element of your events listed as position:relative, that means your events are being positioned relative to the top/left of the whole document. Try wrapping the calendar in a plain div that's position:relative, and insert your events into that div so that they position absolutely on the div, not the document.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文