加载下一页并等待点击
[英]Load next page and wait for click
问题描述
我只是在构建一个小型游戏，所以我加载了第一页（简介），然后，我需要立即开始加载第二页（游戏的第一级， 但是加载 ，而不显示它）， 然后等待用户单击以显示它。
现在是我的代码：
在我的html页面中：
<body id="loadlevel">
在我的JS页面中：
var level1 = "level1.html";
$("#loadlevel").load(level1).fadeIn("slow");
但是它会立即显示已加载的页面！
如何加载下一页，然后等待用户输入显示加载的页面？
我虽然使用了JQuery的hide（）和show（），但是hide（）会隐藏整个页面（也是当前页面）；）
3 个解决方案
解决方案1
3 已采纳 2012-12-05 18:23:06
创建一些不可见的字段并加载数据。
<div id="temp" style="display:none;"></div>
然后在JS
var level1 = "level1.html";
$("#temp").load(level1);
和
$('#start').click(function(){
$('#main').html($('#temp').html());
});
解决方案2
0 2012-12-05 18:24:05
最好的选择是让一个主要的div首先用css或jquery隐藏，然后将内容加载到其中并淡入。
解决方案3
0 2012-12-05 18:33:24
.load .load() -从服务器加载数据，并将返回的HTML放入匹配的元素中。
每当即将发送Ajax请求时，jQuery都会检查是否还有其他未完成的Ajax请求。 如果没有正在进行中，则jQuery触发ajaxStart事件。 此时，将执行已向.ajaxStart（）方法注册的所有处理程序。
CSS：
.get-in{
background:white;
position:absolute; // or fixed
left:0;
top:0;
width:100%;
height:100%;
}
jQuery的：
$('#loadlevel').ajaxStart(function() {
$('<div/>').appendTo('body').addClass('get-in');
});
$('.get-in').on('click', function(){
$(this).fadeOut("slow");
});
等待下一页加载，然后单击
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.