Javascript JQueryUI不'；不存在于ajax.success中

我正在尝试使用从ajax请求返回的一些HTML制作JQueryUI选项卡。我尝试使用的函数[$（）.tabs（）]未在需要调用它的ajax.success函数中定义

代码如下

function updateWidgets() {
    for(x = 0; x < model.Widgets.length; x++){
        Widget = model.Widgets[x];
        var context = $(this);
        return $.ajax({
            url: Widget.AjaxUrl,
            success: function (response) {
                $('#' + Widget.StylingID).html(response);
                $('.tabs').tabs();
            }
        })
    }
};

函数updateWidgets（）{
对于（x=0；x

HTML

Proin elit arcu，rutrum Comodo

Morbi tincidunt，我坐在监狱里

毛里斯·埃利芬德和图皮斯。酒后驾车

杜伊斯·库苏斯。Maecenas ligula eros，blandit nec

您的JavaScript应该是这样的：

$(document).ready(function(){
    updateWidgets();
});

function updateWidgets() {
    for(x = 0; x < model.Widgets.length; x++){
        Widget = model.Widgets[x];
        var context = $(this);
        // no need to return as you might not using it as a promise object.
        $.ajax({
            url: Widget.AjaxUrl,
            success: function (response) {
                $('#' + Widget.StylingID).html(response);
                $('.tabs').tabs();
            }
        })
    }
}

$（文档）.ready（函数（）{
updateWidgets（）；
});
函数updateWidgets（）{
对于（x=0；x

在运行脚本之前，是否已检查页面是否已准备就绪？因为它是ajax，所以可能是在脚本运行时还没有呈现标记。它给我的错误是没有定义函数。如果我在ajax调用之前在断点处停止，它就会存在。在success中，无论我等待多长时间，它都不存在。函数未定义哪个函数？具体错误是什么？$（'.tabs'）.tabs（）；tabs函数是JQueryUIAR的一个小部件，您确定它在ajax之外工作吗？返回是以前尝试解决此问题（返回延迟并绑定到.done事件）的遗留，但也不起作用。您能否为此创建一个提琴，由于我不确定

model.Widgets

和对

“#”+Widget.stylengid

的响应设置，因此在共享HTML中找不到该设置。我不知道如何在fiddle中伪造ajax调用。model是由序列化的MVC.NET viewmodel填充的JSON对象

$(document).ready(function(){
    updateWidgets();
});

function updateWidgets() {
    for(x = 0; x < model.Widgets.length; x++){
        Widget = model.Widgets[x];
        var context = $(this);
        // no need to return as you might not using it as a promise object.
        $.ajax({
            url: Widget.AjaxUrl,
            success: function (response) {
                $('#' + Widget.StylingID).html(response);
                $('.tabs').tabs();
            }
        })
    }
}