2011-01-31 22 views
1

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

firebugを使用して、DOMがまだコンテナに入っているかどうかを確認してください。その場合は、style:hidden属性が添付されているかどうかを確認してください。

ダイアログを開くたびにjsonを再度追加する必要があるかもしれません。その場合は、jquery.tmpl.jsプラグインを確認してみてください。

+0

DOMで非表示になっているスタイルを確認しますか?私は、ダイアログを2回開いた場合でも同じことが起こることに気付きました。最初のダイアログには結果が表示され、2番目のダイアログには表示されません。どちらのダイアログもjsonpデータを受け取りますが、2番目のダイアログは結果を追加しません。 – Hussein

+0

スタイルがDOMに隠れている場合は、Firebugインスペクションビューアでグレー表示されます。それはまた、 "スタイル:隠し;"マークアップの中で。 –

関連する問題