使用jQuery加載外部.html文件

Question

我正在嘗試創建帶有選項卡式瀏覽的網站，並按照教程進行操作。 但是問題是我當前正在使用的代碼確實能按預期工作。

• HTML代碼： http ： //pastebin.com/CG146NS3

• CSS代碼： http ： //pastebin.com/4VCuAwJm

• JavaScript： http ： //pastebin.com/sZhhQs6v

我遵循的教程是： http : //net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

問題：當我單擊其中一個選項卡時，＃content隨slideUp消失，.load加載了內容，但確實將內容放置在#content中。

Answer 1

1. 您有一些重復的#ids 。

2. 請記住，當您這樣做時：

    var toLoad = $(this).attr('href')+' #content'; // other execution function loadContent() { $('#content').load(toLoad,function(){ $('#content').slideDown('normal'); }); 

您實際上是將頁面片段#content加載到頁面的#content中。 因此，您最終得到以下結果：

<div id='content'>
   <div id='content'>Random Data</div>
</div>

Answer 2

好的，根據您的評論。只需確保您的隨機html文件中確實有ID為#content的DIv。