jQuery load 載入 HTML 片段失效：變量未加引號導致 JS 執行中斷

核心錯誤定位

if (a == grxx) { ... }  // grxx 被當作變量引用，實為未定義 → 拋出 ReferenceError

字符串字面量必須加引號：

if (a == "grxx") { ... }  // 正確

完整修正代碼

function f(a) {
    if (a == "grxx") {
        $("#bd").load("HtmlPage.html #grxx");
    } else if (a == "shz") {
        $("#bd").load("HtmlPage.html #shz");
    } else if (a == "gw") {
        $("#bd").load("HtmlPage.html #gw");
    } else if (a == "sj") {
        $("#bd").load("HtmlPage.html #sj");
    }
}

// 調用示例
// 
個人信息

jQuery load 片段選擇器語法

$("#bd").load("url #fragmentId") 會獲取遠程頁面中 id="fragmentId" 的元素及其內容插入當前元素。確保目標頁面存在對應 ID 元素。

調試技巧

• 瀏覽器 Console (F12) 查看紅色報錯堆棧，直接定位行號。
• Network 面板檢查 load 請求是否 200 OK 及響應內容。
• 使用 console.log(a) 確認參數傳遞正確。