在UI dialog()问题中加载jquery $ .ajax

时间:2011-01-31 06:35:07

标签: jquery ajax dialog jsonp

我有一个使用jsonp数据类型的图像搜索API。它没有任何问题。当我在Jquery UI对话框中加载图像搜索脚本时,它正确显示,我能够在对话框()框中搜索并查看结果。但是,如果我关闭对话框()并再次打开它,现在如果我搜索没有结果显示。看看console.log,我确认收到了jason数据,但由于某种原因它没有附加到结果div,所以我看不到屏幕上的结果。如果我关闭对话框并再次打开它,则会发生此onyl。如果我刷新页面并再次打开对话框,则会显示搜索结果。

这就是我用来追加结果的方法。

        $.each(data.SearchResponse.Image.Results,
        function(i, item) {
            console.log(item.Thumbnail.Url);
                $("#Results").append("<li><img style='width:100px; height:75px;' src='" + item.Thumbnail.Url + "'/></li>");
        });

1 个答案:

答案 0 :(得分:1)

使用firebug并检查DOM是否仍在您期望的容器中。如果是这样,请检查是否附加了style:hidden属性。

每当打开对话框时,您可能需要重新附加json。如果是这样,请尝试查看jquery.tmpl.js插件。