jQuery的UI標籤的Ajax - 只有第一個選項卡顯示加載的內容

我有一組的jQuery UI選項卡，其經由所述AJAX方法加載其內容：jQuery的UI標籤的Ajax - 只有第一個選項卡顯示加載的內容

<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(); 
}

該標籤標題被顯示，並且第一個標籤的內容被加載OK。

使用AJAX標籤的方法是詳細here

當我切換到不同的選項卡，我可以看到瀏覽器加載該選項卡中的內容，但不顯示內容。

任何想法我失蹤？

來源

2011-08-03 binaryfrost

這個替換您的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>

來源

2011-08-03 12:50:16

http://jqueryui.com/demos/tabs/#Ajax_mode指定您需要將ajax內容在href中進行檢索，所以我不相信AJAX方法是正確的。 – binaryfrost

爲此，您不需要添加額外的div，只需在ul列表中刪除添加的div即可。 –

已嘗試刪除多餘的div，並且它仍顯示相同的行爲 - 第一個加載正常，其他加載（我可以看到它Chrome開發工具），但是當你點擊他們的標籤標題時不會顯示。 – binaryfrost

現在有固定的。我有一個後來的$ .ajaxSetup（）調用令人不安。

來源

2011-08-05 18:43:59 binaryfrost

jQuery的UI標籤的Ajax - 只有第一個選項卡顯示加載的內容

回答

相關問題