如何在页面加载前隐藏div?

发布于 2024-11-27 18:51:40 字数 370 浏览 0 评论 0原文

我有一个 ASP 页面,其中包含一个使用 ASP 脚本生成的表。我现在通过解析 RSS 源中的项目来填充表值。

RSS 源包含一些职位空缺数据。这些项目是:日期、JobID、标题、位置、类别、申请链接。

我有一个要求,将鼠标悬停到职位名称上。当鼠标悬停在职位标题上时,将显示一个小弹出窗口,并显示 RSS 提要中的职位描述。该表格显示了所有条目,并且在页面完全加载后,鼠标悬停也可以正常工作。

问题是在页面加载期间(页面完全加载之前),如果用户将鼠标悬停在第一行中的职位标题上,则鼠标悬停将显示第一个条目,但会影响最后一个条目。当鼠标悬停在最后一个条目的职位名称上时,不会显示描述。 “Firefox 错误控制台显示变量描述未定义”。

我怎样才能纠正这个问题?

I have an ASP page which consist of a table that is generated with the ASP script. I am now populating the table values from a RSS feed by parsing items in it.

The RSS feeds consist of some Job Vacancies data. The items are: date, JobID, Title, Location, Category, Apply Link.

I have one requirement to make a mouseover to the Job Title. When mouse over to the Job Title, a small popup will display and shows Job Description from the RSS feed. The table is showing all the entries and mouse over is also working perfectly after page fully loads.

The problem is during the page load (before the page fully loads) if a user mouse over the job title in the first row, then the mouse over will shows the first entry, but it affects the last entries. The last entry Job Titles will not displays the description when mouse over. "Firefox error console displays the variable description undefined".

How can I rectify the problem??

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

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

发布评论

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

评论(2

标点 2024-12-04 18:51:40

一种方法是在页面完全加载之前不要将鼠标悬停在上面。为此,请

粗略地使用 body.onload 事件,例如:

<body onload="document.getElementById('jt1').onmouseover = showJobDesc;">
    <a id="jt1"> JobTitle </a>
</body>

另一种方法是在 body.onload 事件中设置一个标志,并修改鼠标悬停代码以仅在该标志为 true 时执行。

粗略例如:

<body onload="var myPageLoaded = true;">
    <a onmouseover="if(myPageLoaded==true) showJobDesc();"> JobTitle </a>
</body>

One way is to not set the mouse over before the pages loads fully. for that use the body.onload event

rough eg:

<body onload="document.getElementById('jt1').onmouseover = showJobDesc;">
    <a id="jt1"> JobTitle </a>
</body>

The other way is to set a flag in the body.onload evetn and modify the mouseover code to execute only if that flag is true.

rough eg:

<body onload="var myPageLoaded = true;">
    <a onmouseover="if(myPageLoaded==true) showJobDesc();"> JobTitle </a>
</body>
祁梦 2024-12-04 18:51:40

通过对鼠标悬停功能内容设置以下条件,问题得到完美解决。

感谢您的建议。
if(document.readyState=='完成')
{
//代码
}

The issue is solved perfectly by setting the below condition

to the mouseover function content.Thanks for the suggestions.
if(document.readyState=='complete')
{
//code
}

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