UI选项卡，ajax/JSON请求，选项卡中未显示数据

Question

我将jquery-1.9/ui-1.9与jquery-ui Tabs结合使用。但是，数据不会显示在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 "tabs-1“中的内容吗？因为如果是这样的话，有一个简单的解决方案。添加

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

就在后面。这将在加载任何ajax之前显示tabs-1中的内容。然后，您所要做的就是将您的内容添加到tabs-1中，它将显示您想要显示的任何内容。