升级到WeX5 3.2.1后，页面相关的css失效问题

yedaoq

liangyongfei 发表于 2015-11-19 17:18
你把这个文件去掉试试！
UI2/demo/tuniu/index_main.css
立马发现不一样了！

好吧，确实你只需要一个反例就能推翻我的猜测...然而，我的疑问还是解决不了啊，我只是把代码从老版IDE下copy到新IDE下，CSS就失效了，除了这样的猜测，我真不知道怎么处理啊...

liangyongfei

yedaoq 发表于 2015-11-20 11:27
好吧，确实你只需要一个反例就能推翻我的猜测...然而，我的疑问还是解决不了啊，我只是把代码从老版IDE下c ...

这个目录下执行文件执行下！试试！tools\dist
还有tools\compile\compileUI.bat

yedaoq

我刚刚找到了问题：新版给所有元素都添加了一个ClassName：cVVzyau，在编译CSS的时候，也给所有选择器加上了cVVzyau的限制，所以我动态生成的所有内容，因为没有带cVVzyau样式类，所以无法命中样式。

现在，我想问下，新版在编译时，这个cVVzyau是可选的吗？我不想要这个cVVzyau。。。

hecr

从WeX5V3.2.1版本之后， .w对应的css文件的作用范围只在相应的.w（这点与之前的版本不一样），
对于动态添加的节点：
1. 使用WeX5提供的api(this.addNode, this.addNodes)动态添加节时, .w对应的css文件生效;
2.如果你的节点是动态创建的，通过jquery的api添加的节点, .w对应的css文件生效;
3.如果是通过DOM原生api添加的节点，.w对应的css文件不生效，
你用哪种方式添加节点的?

yedaoq

hecr 发表于 2015-11-20 12:58
从WeX5V3.2.1版本之后， .w对应的css文件的作用范围只在相应的.w（这点与之前的版本不一样），
对于动态添 ...

是通过原生dom属性操作的，设置innerHTML...

liangyongfei

yedaoq 发表于 2015-11-20 15:10
是通过原生dom属性操作的，设置innerHTML...

那现在你只好按照我们指定的方式动态创建节点了！
http://doc.wex5.com/?p=4202#2.2

yedaoq

hecr 发表于 2015-11-20 12:58
从WeX5V3.2.1版本之后， .w对应的css文件的作用范围只在相应的.w（这点与之前的版本不一样），
对于动态添 ...

我现在改用jquery来创建DOM元素，w文件的css已经正常了。

然而，还有另一个问题：在本地调试的时候，一切正常；但部署到Web服务器上后，bootstrap样式却失效了。网络监控显示bootstrap.min.css已成功下载。

liangyongfei

yedaoq 发表于 2015-11-23 11:21
我现在改用jquery来创建DOM元素，w文件的css已经正常了。

然而，还有另一个问题：在本地调试的时候，一 ...

请问你是那种方式部署的呢？

yedaoq

liangyongfei 发表于 2015-11-23 12:08
请问你是那种方式部署的呢？

模式2，部署到标准Web服务器。编译好后把www目录下的所有文件都传到服务器上了。监控看到所有的引用都请求成功了，所以应该不存在路径问题。

liangyongfei

yedaoq 发表于 2015-11-23 12:47
模式2，部署到标准Web服务器。编译好后把www目录下的所有文件都传到服务器上了。监控看到所有的引用都请 ...

下载了不一定引用了！
你对比下没有部署到web服务器运行时和部署到web服务器运行时，html页面中的引用是否一致？
另外可以测试下平台案例部署是否正常
来找下差异！