2011-01-31 6 views
1

У меня есть рабочий поиск изображений с api с jsonp-типом данных. Он работает без проблем. Когда я загружаю скрипт поиска изображений в диалоговом окне 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

Используйте firebug и проверьте, не находится ли DOM в ожидаемом контейнере. Если да, проверьте, прикреплен ли к нему стиль: скрытый атрибут.

Возможно, вам придется повторно добавить json всякий раз, когда вы открываете диалог. Если да, попробуйте проверить плагин jquery.tmpl.js.

+0

где я могу проверить стиль, скрытый в DOM. Я заметил, что это происходит, если я дважды открыл диалог. В первом диалоговом окне отображаются результаты, которые не отображаются во втором диалоговом окне. Оба диалога получают данные jsonp, но второй - просто не добавляет результаты. – Hussein

+0

, если стиль скрыт в DOM, он будет недоступен в наблюдателе инспекции Firebug. он должен также иметь «стиль: скрытый»; в разметке. –