jqueryMobile 两个页面切换,第二个页面css样式没有加载的问题,已解决
2013-03-16 17:03
381 查看
今天在做,列表页到内容页的切换的切换的时候,发现第一次点击,图片远远超出了手机屏幕大小。但是当我刷新内容页面的时候,图片又可以恢复为正常符合手机屏幕大小。
通过浏览器检查发现。第一次点击,切换到内容页面的时候,css样式没有加载。所以,忽然想到,jquery mobile的特点就是所有链接都会使用异步加载。很有可能是内容先加载完成了,可是位于head里面的css样式没有加载。于是想把ajax异步请求关掉。
非常幸运的是,这个问题很热门啊。在官网问题信息列表中第一个就是这个问题。原页面:
http://view.jquerymobile.com/1.3.0/docs/faq/scripts-and-styles-not-loading.php
原因差不多,即,在加载的时候,只会加载page里面的内容,head头信息的内容没有加载.,
总之解决问题有两种
1,根据data-role="page"的id,可以通过js。在这个page开始加载的时候,先把css加载完成.
2.也就是最简单的,即把所有页面的css,js样式全部一样。
3.把这个页面的特殊的css信息,放在page的最后。(个人倾向最后一种,it works)
通过浏览器检查发现。第一次点击,切换到内容页面的时候,css样式没有加载。所以,忽然想到,jquery mobile的特点就是所有链接都会使用异步加载。很有可能是内容先加载完成了,可是位于head里面的css样式没有加载。于是想把ajax异步请求关掉。
非常幸运的是,这个问题很热门啊。在官网问题信息列表中第一个就是这个问题。原页面:
http://view.jquerymobile.com/1.3.0/docs/faq/scripts-and-styles-not-loading.php
原因差不多,即,在加载的时候,只会加载page里面的内容,head头信息的内容没有加载.,
总之解决问题有两种
1,根据data-role="page"的id,可以通过js。在这个page开始加载的时候,先把css加载完成.
2.也就是最简单的,即把所有页面的css,js样式全部一样。
3.把这个页面的特殊的css信息,放在page的最后。(个人倾向最后一种,it works)
相关文章推荐
- jqueryMobile 两个页面切换,第二个页面css样式没有加载的问题,已解决
- jquery tmpl()切换页面加载不出问题的解决
- 【Android】解决RadioButton+FragmentPagerAdapter+Fragment切换页面数据加载的问题
- FragmentTabHost切换Fragment时避免重复加载UI,导致切换后重绘页面的问题解决
- Vue 路由切换时页面内容没有重新加载的解决方法
- FragmentTabHost切换Fragment时避免重复加载UI,导致切换后重绘页面的问题解决
- 解决RadioButton+FragmentPagerAdapter+Fragment切换页面数据加载的问题
- 解决在IE9,IE10浏览器下,程序没有任何错误,easy ui页面不加载任何数据的问题
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- 在CHtmlView中,判断一个页面加载完成的准确方法,解决OnDocumentComplete多次调用问题
- 关于JQueryMobile 连接到自定义的外部html页面的Error Loading Page问题的解决
- vs2008 Web 页面切换设计视图无反应问题的解决(Office 2010 与 Visual Studio 2008 兼容性问题的解决)
- 关于webview加载网页,返回后总是刷新页面问题解决
- 解决HTML加载时,外部js文件引用较多,影响页面打开速度问题
- 解决两个Fragment间调用addToBackStack()函数,按返回键直接退出的问题(即无法切换回上一个Fragment)
- 37-002-1 通过spring的OpenSessionInViewFilter解决jsp页面懒加载显示的问题
- ViewPager中嵌套Fragment切换页面发生空白问题的解决
- 关于ueditor编辑器插件的使用记录 --- 解决"后端配置项没有正常加载,上传插件不能正常使用"上传图片处的问题
- Android浏览本地 API文档 + 解决页面加载慢的问题
- 解决: Firefox一些页面绝大部门显示正常,但却永远加载不完的问题,页面一直在加载中