jquery - jQueryUI とタブの json コンテンツのレンダリング

Question

json から返されたデータ (html ページに「そのまま」表示されます) を完全にロードできますが、生の json データを非表示にすることはできないようです。次のコードを使用しました。

$( "#tavole" ).tabs({
    cache : false,
    event: "mouseover",
    ajaxOptions : {
        cache : false,
        dataType : 'json'
    },
    beforeLoad: function( event, ui ) {
        ui.jqXHR.fail(function() {
            ui.panel.html( "Couldn't load this tab. We'll try to fix this as soon as possible. " + "If this wouldn't be a demo." );
        });
    },
    load: function (event, ui ) {
        renderList(JSON.parse($(ui.panel).text()));
    }
});

上記のコードは正常に機能し、renderList が実行されますが、生の json の戻り値がタブ パネルに表示されます。レンダリングされた処理済みのjqueryオブジェクトのみが表示されるようにするにはどうすればよいですか?

これは私のhtmlです：

<div id="tavole">
    <ul>
        <li><a href="#tavole-1"><span class="ui-icon ui-icon-locked"></span>alfa</a></li>
        <li><a href="#tavole-2"><span class="ui-icon ui-icon-person"></span>beta</a></li>
        <li><a href="/api/products"><span class="ui-icon ui-icon-cart"></span>gamma</a></li>

つまり/api/products、タブのパネルに 1 回表示され、renderList 関数を介して 2 回目の表示が返されます。

レンダリングされた表示のみを表示するにはどうすればよいですか? から生の json が返されるのは/api/productsなぜですか?