JQuery - 加載外部文本文件

我正在尋找加載外部文本文件的內容，當選中一個選項卡，但它似乎並沒有加載內容。問題是什麼？JQuery - 加載外部文本文件

HTML：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="CSS/common.css" /> 
    <script src="JS/common.js"></script> 
    <title></title> 
    </head> 
    <body> 
    <nav> 
     <ul id="tabs"> 
     <li><a href="#" id="tab1" name="#tab1">Home</a></li> 
     <li><a href="#" id="tab2" name="#tab2">History</a></li> 
     <li><a href="#" id="tab3" name="#tab3">Specifications</a></li> 
     <li><a href="#" id="tab4" name="#tab4">Gallery</a></li>  
     </ul> 
    </nav> 
    <div id="content"> 
     <div id="tabContent1"></div> 
     <div id="tabContent2"></div> 
     <div id="tabContent3"></div> 
     <div id="tabContent4"></div> 
    </div> 
    </body> 
</html>

外部JS（common.js）：

$(document).ready(function() { 
    $("#tab1").click(function() { 
    $("#tabContent1").load("test.txt"); 
    }); 
});

來源

2013-02-05 Colin747

控制檯說什麼？ – Plynx

什麼都沒有，輸出沒有錯誤。 – Colin747

檢查開發人員工具/螢火蟲中的網絡選項卡，然後單擊＃tab1 –

你有這樣的代碼：

$("#tab1").click(function() { 
    $("#tabContent1").load("test.txt"); 
    });

但有改變其ID從#tab1到#current線

$("#tabs li:first a").attr("id", "current"); // Activate first tab

，所以你需要更新你的代碼是這樣的：

$("#current").click(function() { 
    $("#tabContent1").load("test.txt"); 
    });

或者說，什麼是更好的，添加班級電流而不是更改ID：

$("#tabs li:first a").addClass("current")

來源

2013-02-05 18:50:56

工作正常，但是如果我在點擊'tab1'之前單擊不同的選項卡，內容不會'噸加載，但如果我點擊'tab1'首先它加載。 – Colin747

你的語法似乎是正確的

確保文件的URL是正確的
確保測試.txt包含東西

來源

2013-02-05 18:37:41

如果我將URL輸入到地址欄中，我可以訪問該文本文件並查看其內容。 – Colin747

什麼是您在地址欄中輸入的網址？並檢查調試控制檯並查看您要發送的請求 –

yes請求詳細信息位於網絡選項卡上。是該網站上還存在此腳本的頁面？如果是，請提供頁面的URL，並且能夠檢查請求 –

JQuery - 加載外部文本文件

回答

相關問題