JQuery使用load方法載入外部div時，css，js無效的辦法
阿新 • • 發佈：2018-11-07
問題：
一個html頁面a.html的js指令碼中，用$(‘selector’).load方法，載入另一個html頁面b.html中內容，b.html中css、js都失效。
解決辦法一：
- 第一步：在a.html的js指令碼中，使用load載入全部b.html，這樣b.html中的js指令碼便會生效，即：
$('selector').load('b.html',function(){
......
})- 第二步：把 b.html 中的 css 連結，加入到 a.html 的
<head>標籤中，則css生效。
解決辦法二：
- 第一步（同上）：在a.html的js指令碼中，使用load載入全部b.html，這樣b.html中的js指令碼便會生效，即：
$('selector').load('b.html',function(){
......
})- 第二步：把a.html和b.html 放在 同一個資料夾 下，則css生效。
要點：
a.html 和 b.html 在同一個資料夾下，直接load整個html，js便生效；css自動生效；
a.html 和 b.html 不在一個資料夾下，直接load整個html，js便生效；css連結在b.html中無效，要加到a.html中，才會生效。