解决网站项目本地运行ok,将代码上传到服务器中或github中无CSS效果

原创 2017年06月01日 09:28:22

 运行环境:IE10,Chrome,Firefox

  使用插件及类库:JQFullPage.js,JQuery.

   本人由于暂时时间空余,写了一下简单的个人网站,经过几个小时的coding 之后,终于在将网站写出一点效果,运行起来正常,之后自己上传到新浪云(PS:有人喜欢阿里云,华为云,其实基本的都一样的,百度一下有详细的SOP),发现并没有FullPage.js及CSS所渲染的效果.仔细检查代码,并没有发现明显的错误.引入文件的路径也是使用的相对路径.如下图所示

  

  然而并没有发现问题.只好初步怀疑是服务器端不支持该第三方插件或者License没有及时地更新,在查阅相关资料之后发现并没有发现有此类问题.将代码重新github上也出现相同的问题.最后还是回归到JS代码中,在代码中分别加入了两行Alert("语句1")和Alert("语句2"),再次通过IP访问时,发现第二个语句并没有执行,经查资料发现,$(window).ready(){  $('.preloader').delay(100).fadeOut("speed"); }该方法并不一定需要等到所有的JS及图片都加载OK后再执行的,而我所需要的是JQuery.Fullpage.js要执行完才可以执行首页方法.

 $(window).on('load',function(){$('.preloader').delay(100).fadeOut("speed"); });更改后重新上传到服务中通过网络访问OK.

  总结:下次遇到类似的问题首先考虑引入的文件是否使用的是相对路径.其次再注意使用$(window).ready(){}方法.

 如果我的解答对你起到了帮助,请记得点赞哦!

 


版权声明:本文为博主原创文章,未经博主允许不得转载。

解决从github下载web的源码部署到eclipse的问题

2015年6月2日 天气晴 github官网:https://github.com/ 以下以pdf.js作为案例说明:https://github.com/mozilla/pdf.js 1).点...
  • u012814005
  • u012814005
  • 2015年06月02日 11:51
  • 837

项目本地运行没有问题,发布服务器后,css样式找不到

项目在本地运行没有问题,发布后部署iis后样式找不到 原因:@Styles.Render("~/dist/css"); bundles.Add(new StyleBundle("~/dist/css...
  • u011148626
  • u011148626
  • 2017年05月03日 14:10
  • 1527

本地网页样式上传服务器后发生变化解决办法

这段时间给公司做了个网站,在本地用IE10,火狐,goolgeChrome,360浏览器通过页面样式测试。 本地通过测试后便上传到服务器,上传之后用IE10浏览发现有部份样式异常。火狐,goolge...
  • qq_32550077
  • qq_32550077
  • 2017年07月18日 08:25
  • 515

将本地项目代码上传到github步骤

如何将自己的项目代码上传到github仓库中?首先我们需要自己在github官网申请一个账号,在本地电脑下载git客户端安装,具体的账号申请和git客户端的下载省略不再阐述。下面主要是介绍将本地项目代...
  • wangxiaofei1993
  • wangxiaofei1993
  • 2017年08月18日 15:43
  • 322

Git的使用--如何将本地项目上传到Github

很早之前就注册了Github,但对其使用一直懵懵懂懂,很不熟练。直到昨天做完百度前端技术学院的task,想把代码托管到Github上的时候发现自己对于Git的操作是如此之愚钝,所以今天决定把Git好好...
  • zamamiro
  • zamamiro
  • 2017年04月14日 15:35
  • 23780

页面在本地服务器显示正常,上传到服务器后用IE9打开部分样式丢失的问题

页面在本地服务器显示正常,上传到服务器后用IE9打开部分样式丢失的问题前段时间做了一个虚拟币交易所的项目,在前端部分完成之前有进行过兼容性测试,除了一些H5交互特效,其他都能在IE8正常显示。 等到...
  • oulihong123
  • oulihong123
  • 2016年11月03日 23:13
  • 764

上传服务器css样式出错

原因是css的编码问题。css文件默认是gb2312.而aspx是utf-8。
  • dongt1
  • dongt1
  • 2011年12月30日 14:22
  • 248

如何将自己本地的项目传到github上

只需要命令就可以把本地的项目上传到自己的github上。。步骤如下: 1.登陆自己的github账号,如下图所示: 2.点击new repository进行创建一个新的仓库,用来存放自己的...
  • shu580231
  • shu580231
  • 2017年08月10日 15:15
  • 965

如何将本地的项目上传到github?

想把本地的项目上传到自己的github账号,在网上找了很多资料,但都不全面,有的还描述的模糊不清,摸索了很久,终于搞掂了。现在把整个过程的详细操作写下来,给以后有需要的同学参考,也算是自己留个记录,免...
  • chencangui
  • chencangui
  • 2015年04月17日 20:14
  • 3216

本地调试,ie 谷歌浏览器都正常,但是将网站部署到服务器上发现ie内核css样式出现问题

asp.net 本地调试,ie 谷歌浏览器都正常,但是将网站部署到服务器上发现ie内核css样式出现问题, 搜了一下发现是http的头的问题 百度:相容性檢視(Quirks) http://w...
  • u011283103
  • u011283103
  • 2015年08月24日 12:35
  • 339
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:解决网站项目本地运行ok,将代码上传到服务器中或github中无CSS效果
举报原因:
原因补充:

(最多只允许输入30个字)