jQueryのUIのタブのAjax - ロードされたコンテンツ

Question

を表示するだけで最初のタブ私はAjaxのメソッドを介してそのコンテンツをロードするjQueryのUIのタブのセット、持っている：

<div id="tabs"> 
    <ul> 
     <li><a href="/messages/inbox" title="Inbox"><span>Inbox</span></a></li> 
     <li><a href="/messages/sent" title="Sent"><span>Sent</span></a></li> 
     <li><a href="/messages/inbox" title="Ins"><span>Ins</span></a></li> 
    </ul> 
    <div id="Inbox"> ... </div> 
    <div id="Sent"> ... </div> 
    <div id="Ins"> ... </div> 
</div> 

JS：

$(document).ready(function() { 
    $("#tabs").tabs(); 
} 

タブをタイトルが表示され、最初のタブの内容が読み込まれます。 AJAXタブメソッドを使用して

は、私が別のタブに切り替えると、私はブラウザはそのタブのコンテンツをロードします見ることができます here

詳細ですが、内容は表示されません。

アイデアは何ですか？

Answer 1

これにより、あなたのULリストを置き換える：

<ul> 
     <li><a href="#Inbox" title="Inbox"><span>Inbox</span></a></li> 
     <li><a href="#Sent" title="Sent"><span>Sent</span></a></li> 
     <li><a href="#Ins" title="Ins"><span>Ins</span></a></li> 
    </ul> 

Answer 2

は今それを修正しました。私は後続の$ .ajaxSetup（）呼び出しをしていました。