溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

發(fā)布時(shí)間:2021-09-15 15:03:39 來(lái)源:億速云 閱讀:163 作者:柒染 欄目:web開發(fā)

這篇文章給大家介紹如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。

問(wèn)題原因:

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

為什么呢?

因?yàn)樵谡{(diào)用組件W的css樣式時(shí),我們自己寫了css樣式A,Ext組件又自帶css樣式B,A是我們用cls:'A'放進(jìn)去。那么這個(gè)W到底是用兩個(gè)樣式重復(fù)的哪一個(gè)種呢?

這就要看css樣式表的引入順序了,如果先引入自己寫的,再引入Ext自帶的,那么瀏覽器先讀自己寫的css樣式,然后再讀Ext自帶的樣式。結(jié)果我們的自己寫的css樣式就被覆蓋了。

解決辦法:

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

這樣就對(duì)了。

js文件中的變量未定義問(wèn)題

問(wèn)題描述:

readerManageMentData.js

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

readerManageMentFunction.js

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

html

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

結(jié)果:

注:filterButtonArray也是readerManageMentData.js文件中定義的一個(gè)變量參數(shù),同樣在readerManageMentFunction.js中被調(diào)用,結(jié)果就報(bào)錯(cuò)了。

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

解決方法:

A.js文件(readerManageMentData.js)

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

B.js文件(readerManageMentFunction.js)

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

html文件

如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題

這樣的順序就對(duì)了。比如像這樣的js文件調(diào)用js文件,就要在同一個(gè)html中引入它們?nèi)缓缶涂梢灾苯佑昧?,不用再B.js調(diào)用A.js中的page數(shù)據(jù)一樣,在B.js加引入A.js文件代碼。

關(guān)于如何解決css文件中的樣式類被覆蓋和js文件中的變量未定義問(wèn)題就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI