显示加载页面无法正常工作

我有这个标记：

 //other loading stuff Enter Website 
 
 //main content  

在关闭head标记之前的顶部我有：

  $(function() { $('#enter').hide(); }); $(window).load(function() { $('#enter').show(); });  

在底部我（在关闭body标签之前）：

 function EnterSite() { $("#enter").click(function(){ $("#content").show(2000); }); } 

和CSS：

 #logo { z-index: 99; } #content { display: none; } 

但它只显示logo div并单击“ Enter Website链接不执行任何操作。

我想要做的是显示logo div，直到页面加载（window.load）并隐藏Enter网站链接。 加载页面后，显示单击时将显示content div的链接

Answer 1

问题是你正在使用onclick处理程序，使用jQuery绑定一个新的单击处理程序。 单击标签时，新的单击处理程序不会触发，因为事件已经发生。

从标记中删除onclick并使用

 $(function(){ $("#enter").hide().click(function(){ $("#content").show(2000); }); }) 

或者改为：

 function EnterSite() { $("#content").show(2000); } 

我建议使用第一个解决方案，避免混合内联脚本和jQuery，以保持所有脚本不引人注目，更容易维护

Answer 2

试试这个：

 $(window).load(function () { $('#enter').show(); }); $(document).ready(function () { $("#enter").click(function () { $("#content").show(2000); }); }); 

在这里小提琴。