我有这个标记：
<div class="container" id="logo" style="text-align:center;">
//other loading stuff
<a href="" id="enter" onclick="EnterSite()">Enter Website</a>
</div>
<div id="content">
//main content
</div>
在结束标记之前的顶部，head我有：
<script>
$(function() {
$('#enter').hide();
});
$(window).load(function() {
$('#enter').show();
});
</script>
在底部，我有（在结束body标记之前）：
function EnterSite() {
$("#enter").click(function(){
$("#content").show(2000);
});
}
和CSS：
#logo {
z-index: 99;
}
#content {
display: none;
}
但这只是显示logodiv，单击Enter Website链接没有任何作用。
我想要做的是显示logodiv，直到页面被加载（window.load）且“输入网站”链接被隐藏。页面加载后，显示链接，单击该链接将显示contentdiv
问题是您正在使用onclick处理程序，以使用jQuery绑定新的单击处理程序。<a>因为该事件已经发生，所以新的点击处理程序不会在您第一次点击标记时触发。
onclick从标记中删除，然后使用
$(function(){
$("#enter").hide().click(function(){
$("#content").show(2000);
});
})
或更改为：
function EnterSite() {
$("#content").show(2000);
}
我建议使用第一个解决方案，并避免将内联脚本和jQuery混合使用，以使所有脚本都保持醒目且易于维护
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句