UI选项卡，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"tabs-1"中的内容吗？因为如果是这样的话，有一个简单的解决方案。添加

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

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