在jquery moblie中后续加载js,页面在转换的时候总是显示loading状态!何解?

轻舞飞沙 发布于 2014/04/14 22:00
阅读 548
收藏 0
<div class="homebann">
	<div id="slides">
		<img src="upfile/20140102164736_564.jpg"></li>
		<img src="upfile/20140123155402_703.jpg"></li>
		<img src="upfile/20140123155455_801.jpg"></li>
		<img src="upfile/20140123155559_463.jpg"></li>
	</div>

	<script type="text/javascript">
		$(function() {
			$("#slides").slidesjs({
				width: 640,
				height: 360,
				navigation: false,
				play: {
					active: false,
					auto: true,
					interval: 4000,
					swap: true,
					pauseOnHover: true,
					restartDelay: 2500
				}
			});
		});
	</script>
</div>

以上代码放在第二页面page.html中,我现在有首页index.html,做一个链接点击切换到page.html这个页面的时候,总是显示加载图片。但去掉page.html的js脚本后,就正常了。另外,JS肯定没有问题,在page.html页面中刷新的时候,即能正常显示广告切换图片。何解呢?



加载中
0
con
con

可能是因为执行js时,图片尚未加载吧。document ready的时候只是DOM结构渲染完毕,页面资源尚未加载完,换window.onLoad试试

轻舞飞沙
轻舞飞沙
不是的。比较郁闷。只能将加载JS写在head中,在body中只要存在js脚本,就不行。
con
con
回复 @轻舞飞沙 : 楼主,是这个原因吗? 给个反馈呀!
轻舞飞沙
轻舞飞沙
回复 @con : 好的,感谢您的回复,我试一下。
con
con
回复 @轻舞飞沙 : $(function(){});触发的时间点是DOM结构加载完,这个时间点不能确定图片资源是否加载完。 我也是猜测可能是这个原因,把$(function(){})换成window.onLoad = function(){},如果不再出现这个问题,就是这个原因;如果还是有这个问题,那原因应该在其它地方了。
轻舞飞沙
轻舞飞沙
我的图片是本地来测试的,应该不会存在这方面的问题吧。
0
Solowave
Solowave

看看我的项目吧, 一个可以异步加载js资源(当然其他资源也可以)的对require.js和seaJs的精简实现, http://github.com/latel/cookJs

中国首席鉴黄师
中国首席鉴黄师
好啊好啊我去看
0
l
lixsh8

是不是有多个版本的jq冲突了?还有你.js顺序是jq.js  jqm.js  custom.js

0
dicvh0xq
dicvh0xq

index.html -> page.html 默认是AJAX连接 会缓存起来 所以 page.html的js就没有加载 你刷新了就加载了 可以添加属性取消ajax连接 如rel="external" 或者采用其他预存等方式 我不知道说不说得到点上 

轻舞飞沙
轻舞飞沙
只能将加载JS写在head中,在body中只要存在js脚本,就不行。
返回顶部
顶部