jquery ajax load function does not load content

Question

ここで間違っていることを理解しようとしています。jqueryで直接ロードしようとしているURLにアクセスすると、コンテンツが正常に読み込まれます。しかし、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. これで問題が解決しない場合は、問題の簡素化を開始してください。ロード機能でコールバックを削除します。読み込まれているコンテンツを簡略化する（テンプレートを削除する）

希望します。

ボブ