温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何解决css文件中的样式类被覆盖和js文件中的变量未定义问题

发布时间:2021-09-15 15:03:39 来源:亿速云 阅读:173 作者:柒染 栏目:web开发

这篇文章给大家介绍如何解决css文件中的样式类被覆盖和js文件中的变量未定义问题,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

问题原因:

如何解决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文件代码。

关于如何解决css文件中的样式类被覆盖和js文件中的变量未定义问题就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI