css文件中的样式类被覆盖,js文件中的变量未定义问题

(编辑:jimmy 日期: 2024/10/31 浏览:2)

问题原因:

css文件中的样式类被覆盖,js文件中的变量未定义问题

为什么呢?

因为在调用组件W的css样式时,我们自己写了css样式A,Ext组件又自带css样式B,A是我们用cls:'A'放进去。那么这个W到底是用两个样式重复的哪一个种呢?

这就要看css样式表的引入顺序了,如果先引入自己写的,再引入Ext自带的,那么浏览器先读自己写的css样式,然后再读Ext自带的样式。结果我们的自己写的css样式就被覆盖了。

解决办法:

css文件中的样式类被覆盖,js文件中的变量未定义问题

这样就对了。

js文件中的变量未定义问题

问题描述:

readerManageMentData.js

css文件中的样式类被覆盖,js文件中的变量未定义问题

readerManageMentFunction.js

css文件中的样式类被覆盖,js文件中的变量未定义问题

html

css文件中的样式类被覆盖,js文件中的变量未定义问题

结果:

注:filterButtonArray也是readerManageMentData.js文件中定义的一个变量参数,同样在readerManageMentFunction.js中被调用,结果就报错了。

css文件中的样式类被覆盖,js文件中的变量未定义问题

解决方法:

A.js文件(readerManageMentData.js)

css文件中的样式类被覆盖,js文件中的变量未定义问题

B.js文件(readerManageMentFunction.js)

css文件中的样式类被覆盖,js文件中的变量未定义问题

html文件

css文件中的样式类被覆盖,js文件中的变量未定义问题

这样的顺序就对了。比如像这样的js文件调用js文件,就要在同一个html中引入它们然后就可以直接用了,不用再B.js调用A.js中的page数据一样,在B.js加引入A.js文件代码。

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。