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

 运行环境: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(){}方法.

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