收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1163|回复: 6

[求助] 加载完成后显示

[复制链接]
发表于 2016-9-26 14:21:50 | 显示全部楼层 |阅读模式
各位大神,这是我的代码,我想让整个网页加载完成后再显示它,请问我要怎么修改!谢谢!



<script type="text/javascript"><!--顶部轮播-->
var myScroll;
window.onload=function loaded(){
        myScroll = new iScroll('wrapper', {
                snap: true,
                momentum: false,
                hScrollbar: false,
                onScrollEnd: function () {
                        document.querySelector('#indicator > li.active').className = '';
                        document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
                }
        });
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
发表于 2016-9-26 16:39:31 | 显示全部楼层
onload函数是页面基本资源加载完毕才会触发的事件,只从这段代码上看是没有错的。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-9-26 16:55:32 | 显示全部楼层
AllanWang 发表于 2016-9-26 16:39
onload函数是页面基本资源加载完毕才会触发的事件,只从这段代码上看是没有错的。

但是它不好使,也不知道是为什么,并且这个模板里就只有这一个window.onload
回复 支持 反对

使用道具 举报

发表于 2016-9-28 20:26:41 | 显示全部楼层
可以试试JQ的写法:

$(document).ready(function(){
   //你的代码
});
回复 支持 反对

使用道具 举报

发表于 2016-9-29 11:10:31 | 显示全部楼层
masxq 发表于 2016-9-28 20:26
可以试试JQ的写法:

$(document).ready(function(){

这样子的加载JS的时间会早与window.onload
回复 支持 反对

使用道具 举报

发表于 2016-9-29 13:57:59 | 显示全部楼层
masxq 发表于 2016-9-28 20:26
可以试试JQ的写法:

$(document).ready(function(){

一样么?
$(function(){


})
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-10-8 09:17:52 | 显示全部楼层
masxq 发表于 2016-9-28 20:26
可以试试JQ的写法:

$(document).ready(function(){

这段代码也是控制它的,我要怎么改,才能让页面加载后显示!!谢谢!!

var count = document.getElementById("thelist").getElementsByTagName("img").length;       
var count2 = document.getElementsByClassName("menuimg").length;
for(i=0;i<count;i++){
        document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
setInterval(function(){
        myScroll.scrollToPage('next', 0,400,count);
},3500 );
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-10-23 20:57 , Processed in 0.104227 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表