jquery load js丟失的解決辦法:1、在a.html的js腳本中,使用load加載全部b.html即可使b.html中的js腳本生效,代碼如“$('selector').load('b.html',function(){……})”;2、把a(bǔ).html和b.html放在同一個(gè)文件夾 下,則css生效。
本教程操作環(huán)境:Windows10系統(tǒng)、jquery3.2.1版、DELL G3電腦
jquery load js丟失怎么辦?
JQuery使用load方法加載外部div時(shí),css,js無效的辦法
問題:
一個(gè)html頁面a.html的js腳本中,用$(‘selector’).load方法,加載另一個(gè)html頁面b.html中內(nèi)容,b.html中css、js都失效。
解決辦法一:
第一步:在a.html的js腳本中,使用load加載全部b.html,這樣b.html中的js腳本便會生效,即:
$('selector').load('b.html',function(){ ...... })
第二步:把 b.html 中的 css 鏈接,加入到 a.html 的<head>標(biāo)簽中,則css生效。
解決辦法二:
第一步(同上):在a.html的js腳本中,使用load加載全部b.html,這樣b.html中的js腳本便會生效,即:
$('selector').load('b.html',function(){ ...... })
第二步:把a(bǔ).html和b.html 放在 同一個(gè)文件夾 下,則css生效。
要點(diǎn):
a.html 和 b.html 在同一個(gè)文件夾下,直接load整個(gè)html,js便生效;css自動(dòng)生效;
a.html 和 b.html 不在一個(gè)文件夾下,直接load整個(gè)html,js便生效;css鏈接在b.html中無效,要加到a.html中,才會生效。
推薦學(xué)習(xí):《jQuery視頻教程》