2013年9月10日火曜日

jQueryのajaxで、heightを調整しようとしたら潰れる

よくわからないタイトルになりましたが・・・
ajaxでsuccess時にhtmlを返してもらうわけですよ。
それをdevにほりこんで、その後に高さを調整する、そんな必要があったわけです。

$.ajax({
type:"GET",
url:url,
success: function(data) {
//devを書き換え
$('.target').html(data);
//高さを再計算
$('.target').carousel();
}
});
ところが、高さがうまくいかないんですよね。
潰れてしまうんです。
おかしいなーと思ったら、画像が悪さしていました。

画像が読み込まれるのが遅いので、画像のない状態のheight()計算されていました。
幸い画像が固定サイズだったので、<img src="" height=120 />で解決。