UI Tabs，ajax/JSON請求，數據沒有顯示在標籤中

Question

我使用jquery-1.9/UI-1.9和jquery-ui Tabs。但是數據不顯示在製表符-1中。

我在做什麼錯了？設置ui.ajaxSettings.dataType =「json」或「html」也沒有幫助。 REST請求的數據是JSON，之後應該轉換爲html。

我的代碼是這樣的：

$(function() { 
    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) { 
      ui.jqXHR.fail(function(jqXHR, textStatus, errorThrown) { 
       ui.panel.html(
         "Daten konnten nicht geladen werden. " + "HTTP Status: " + jqXHR.status + " " + errorThrown); 
      }); 
     } 

....

<div id="tabs"> 
     <ul> 
      <li><a href="rest/cfehler/9410273345537">CFehler</a></li> 
      <li><a href="ajax/content3-slow.php">Historie</a></li> 
      <li><a href="ajax/content4-broken.php">Einzelfälle</a></li> 
     </ul> 
     <div id="tabs-1">   
     </div> 
    </div> 

    }); 
}); 

Answer 1

你是說你想顯示什麼是在div 「標籤-1」？因爲如果是這樣的話，有一個簡單的解決方案。 add

<li><a href="#tabs-1">Tab 1</a></li> 

之後。 在加載任何ajax之前，它將顯示tabs-1中的內容。然後，你所要做的就是將你的內容添加到製表符-1中，並且它會顯示你想要的內容。