在jquery ui选项卡中使用远程ajax数据呈现胡须模板

jQueryUITabs远程数据获取功能非常强大，但是我很难让它随心所欲

我按照文档的要求，使用以下代码通过ajax调用获取远程数据：

    $(function(){

    // Tabs
        $('#tabs').tabs({
            ajaxOptions: {
                error: function( xhr, status, index, anchor ) {
                    $( anchor.hash ).html("Couldn't load rankings" );
                }
            }
        });           
    });

及

div id=“tabs”>

该特性工作得很好，但是当选择一个选项卡时，来自ajax调用的响应会直接转储到选项卡的显示区域。有没有一种方法可以使用mustach从ajax响应中呈现模板？我试图破坏jquery中的success.ajax函数，但似乎仍在加载原始内容

---

谢谢

如果可能的话，我可以看看您使用成功ajax选项的尝试吗？我建议您在ajax请求成功后获取现有的HTML内容，然后通过Mustache.to_HTML（）运行它，并将其添加回内容区域。比如说：

success: function( data ){
    // Get selected tab index
    var selected = $('#tabs').tabs().tabs('option', 'selected');
    // Use index to form ID for selector and replace content
    $('#ui-tabs-'+selected).html(Mustache.to_html(data, {mustache: 'Test View'}));
}

假设您有一个带有{{mustache}}标记的模板——在上面的代码中，它将被替换为“testview”

success: function( data ){
    // Get selected tab index
    var selected = $('#tabs').tabs().tabs('option', 'selected');
    // Use index to form ID for selector and replace content
    $('#ui-tabs-'+selected).html(Mustache.to_html(data, {mustache: 'Test View'}));
}