如何在页面加载之前隐藏Div?

时间:2011-08-01 09:31:21

标签: javascript asp.net mouseover

我有一个ASP页面,它由一个用ASP脚本生成的表组成。我现在通过解析RSS中的项来填充RSS提要中的表值。

RSS提要包含一些职位空缺数据。这些项目包括:日期,JobID,标题,位置,类别,应用链接。

我有一个要求鼠标悬停到职位。将鼠标悬停在作业标题上时,将显示一个小弹出窗口,并显示RSS源中的作业说明。该表显示所有条目,鼠标悬停在页面完全加载后也能正常工作。

问题出在页面加载期间(页面完全加载之前)如果用户将鼠标悬停在第一行中的作业标题上,则鼠标悬停将显示第一个条目,但它会影响最后一个条目。鼠标悬停时,最后一个条目作业标题不会显示说明。 “Firefox错误控制台显示变量描述undefined”。

我该如何纠正这个问题?

2 个答案:

答案 0 :(得分:2)

一种方法是在页面完全加载之前不要将鼠标放在上面。为此使用body.onload事件

粗略的例如:

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

另一种方法是在body.onload evetn中设置一个标志,并修改mouseover代码,只有当该标志为true时才执行。

粗略的例如:

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

答案 1 :(得分:0)

通过设置以下条件

可以完美解决问题

鼠标悬停功能内容。感谢您的建议。 if(document.readyState=='complete') { //code }