UI 选项卡、ajax/JSON 请求、数据未显示在选项卡中答案

【问题标题】：UI Tabs, ajax/JSON Request, data not showing in tabUI 选项卡、ajax/JSON 请求、数据未显示在选项卡中
【发布时间】：2013-02-20 08:46:59
【问题描述】：

我正在使用带有 jquery-ui 选项卡的 jquery-1.9/ui-1.9。但是数据不会显示在 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>

    });
});

【问题讨论】：

标签： jquery user-interface jquery-ui-tabs

【解决方案1】：

您是说您要显示 div“tabs-1”中的内容吗？因为如果是这样的话，有一个简单的解决方案。添加

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

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

【讨论】：