jquery - 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，它会显示您想要的任何内容。