jquery ajax加載函數不加載內容

Question

我想弄清楚我在做什麼錯在這裏 - 如果我訪問URL我試圖直接加載與jquery，內容加載罰款。但是，當我使用jQuery，沒有加載，儘管控制檯報告成功的負載。這是我的代碼：

<div id="bio_switcher"> 
    <a href="[removed]void(0);" class="alix active" data-ident="alix_lambert">Alix Lambert</a> 
    <a href="[removed]void(0);" class="david" data-ident="david_mcmahon">David McMahon</a> 
</div> 

<div id="bio_container"> 

</div> 


$('#bio_switcher a').click(function(){ 
    $('#bio_container').load('/index.php/ajax/bios/2',showContent); 
}); 

的index.php/AJAX/BIOS/2：

{exp:channel:entries channel="bios" limit="1" {if segment_3 !=""} url_title="{segment_3}"{/if}} 
<div id="bio_content"> 
    {bio_content} 
</div> 
<div id="bio_photo"> 
    <img src="{bio_photo}" alt="{title}" /> 
</div> 
{/exp:channel:entries} 

任何想法，將不勝感激。謝謝！

Answer 1

兩個想法：

1. 確保錨不會導致瀏覽器獲取一個新的頁面，因此只是重新加載頁面沒有內容。這樣做的最好方法不是返回false，而是使用頂部的preventDefault。

   $('#id').click(function(evt){ 
   
       evt.preventDefault(); 
   
       //do the other stuff 
   }); 
   

2. 如果這樣不能解決問題，請開始簡化問題。在加載功能中刪除回調。簡化正在加載的內容（刪除模板內容）。

希望這會有所幫助。

Bob