jquery $.ajax load in UI dialog() problem

Question

i have a working bing Image search api with jsonp datatype. It's working with no problems. When i load the image search script in a Jquery UI dialog, it display properly and i'm able to search and see the results in the dialog() box. But if i close the dialog() and open it again, now if i search no results show. Looking at console.log, i do confirm the jason data is recieved, but for some reason it's not appending to the result div, so i see no result on the screen. This onyl happens if i close the dialog and open it again. If i refresh refresh the page and open the dialog again then search results are displayed.

This is what i'm using to append the results.

        $.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>");
        });

Rui Jiang · Accepted Answer · 2011-01-31 07:26:58Z

1

Use firebug and check to see if the DOM is still in the container you expect. If so, check to see if a style: hidden attribute is attached to it.

It may be that you'll have to re-append the json whenever you open the dialog. If so, try checking out the jquery.tmpl.js plugin.

answered Jan 31, 2011 at 7:26

Rui Jiang

1,6721 gold badge16 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hussein Over a year ago

where do i check for style hidden in DOM. I noticed the same happens if i opened the dialog twice. The first dialog shows the results where as the second dialog does not. Both dialogs are receiving the jsonp data, but the second one is just no appending the results.

Rui Jiang Over a year ago

if the style is hidden in the DOM, it would be grayed out in the Firebug inspection viewer. it should also have "style: hidden;" in the markup.

Collectives™ on Stack Overflow

jquery $.ajax load in UI dialog() problem

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related