解决jqueryMobile 产生大量的空格

                              jqueryMobile   

     学习研究jqueryMobile ,可能很多人学习jqm跟我差不多,都是打开官方网站,看一下简介,然后就是手写一下官方的例子,但是有时候官方的例子比较长,就会把代码粘过来,然后运行,发现一些很奇怪的问题,例如样式错乱,主要还就是样式错乱

解决jqueryMobile 产生大量的空格_第1张图片
 这个样式跟官方例子相差很多,修改编码,修改结构等等都不起作用,然后开了生成的dom 结构发下如下问题


解决jqueryMobile 产生大量的空格_第2张图片
 生成的代码结构中产生了大量的空格,这个着实太奇怪了,搜了一下有很多人遇到这个问题,但是都没有回答,我不知道具体是什么问题,但是我基本断定肯定是编码的原因,然后我就切换了几次页面编码格式,当切换的ansi格式的时候,源代码中出现了很多乱码,但是我的页面中没有任何中文,仔细看了一下乱码的内容,原来是把所有的源代码中的空格乱码了,基本原因清楚了,那就是复制造成的问题,我们一般在中文网站中复制代码执行都是没有问题的,国外网站中的编码格式不同,复制的空格是ansi 格式我们用了utf-8 所以就是乱掉了,但是你在源代码中看不到,网页浏览就会出现,比较坑!!

你可能感兴趣的:(jquerymobile)