FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーをはてなブックマークに追加
この記事にトラックバックする(FC2ブログユーザー)
http://roka404.blog84.fc2.com/tb.php/10-795e5eea

トラックバック

コメント

[C5] まさにこれで悩んでいました!

同じ問題で悩んでいていろいろ調べていたところ、ここにたどり着きました。
ですが上記ソースをどこに挿入するのか(もしくはどこか書き換えるのか)全くわからず
悪戦苦闘しております。
どのようにすれば良いのかご教授いただければ幸いです。
よろしくお願いいたします!
  • 2011-12-18 12:24
  • boobie
  • URL
  • 編集

[C6] 遅ればせながら…

>boobieさん

コメント承認制に気づいてなかったので長らく放置してまい申し訳ありません。。。
もう解決してると思いますが、一応後学のために回答しておきます。

上記ソースは普通に<head></head>に書けばOKのはずです。

<script src="jQuery本体へのパス" type="text/javascript"></script>
<script src="flatHeights.jsへのパス" type="text/javascript"></script>
<script type="text/javascript">

~上記解決用のコード~

</script>

当然ですが、jQuery本体とflatHeights.jsを先に読み込んでおかないと機能しませんのでご注意を。
  • 2012-02-22 14:46
  • akemix2010
  • URL
  • 編集
コメントの投稿
管理者にだけ表示を許可する

高さ揃えJavaScriptの落とし穴・その後

jquery.flatheights.jsを使ってボックスの高さを揃える際、高さ指定の無い画像が含まれているとwebkitでボックスがつぶれてしまうということについて前回記事を書きましたが、その後@mattari_pandaさんの協力でとりあえず解決に至りました。



var _UA = navigator.userAgent.toLowerCase();

if(parseInt(_UA.indexOf('applewebkit')) > -1){
$(window).load(function(){
$('.box1').flatHeights();
});
}else{
$(function(){
$('.box1').flatHeights();
});
}


こんな感じでwebkitの場合は実行タイミングを「load」にしてやることで画像の高さを取得してくれるようになります。UAで分岐しないで全て「load」にしてもできるのですが、そうすると問題の無いブラウザでの表示パフォーマンスを無駄に落とすことになりますのでUA分岐しています。
関連記事
スポンサーサイト


このエントリーをはてなブックマークに追加
この記事にトラックバックする(FC2ブログユーザー)
http://roka404.blog84.fc2.com/tb.php/10-795e5eea

トラックバック

コメント

[C5] まさにこれで悩んでいました!

同じ問題で悩んでいていろいろ調べていたところ、ここにたどり着きました。
ですが上記ソースをどこに挿入するのか(もしくはどこか書き換えるのか)全くわからず
悪戦苦闘しております。
どのようにすれば良いのかご教授いただければ幸いです。
よろしくお願いいたします!
  • 2011-12-18 12:24
  • boobie
  • URL
  • 編集

[C6] 遅ればせながら…

>boobieさん

コメント承認制に気づいてなかったので長らく放置してまい申し訳ありません。。。
もう解決してると思いますが、一応後学のために回答しておきます。

上記ソースは普通に<head></head>に書けばOKのはずです。

<script src="jQuery本体へのパス" type="text/javascript"></script>
<script src="flatHeights.jsへのパス" type="text/javascript"></script>
<script type="text/javascript">

~上記解決用のコード~

</script>

当然ですが、jQuery本体とflatHeights.jsを先に読み込んでおかないと機能しませんのでご注意を。
  • 2012-02-22 14:46
  • akemix2010
  • URL
  • 編集
コメントの投稿
管理者にだけ表示を許可する

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。