regepanのはてなブログ

個人的なメモ帳レベルの文章。

jquery-match-height ハマりどころ。

jquery.matchHeight Browser Tests
たまに勘違いするのでメモ。

これだけだと他のDOMツリーの.item-1の高さが揃わない。

$('.item-1').matchHeight();

クラス名変えるとうまく揃えてくれる。

$('.item-1').matchHeight();
$('.item-2').matchHeight();

jQuery pluginの挙動が他のよくあるpluginと違ってて気づくのに時間がかかった。だいたい1回実行したら全部に適用されるんだけど、.matchHeight()は違ったので。

追記

#data-api っていうのがめちゃ便利だと気づいた。JS書く必要さえなくなりました。
前々から知ってたけど要するにdocumentまじで読めということに尽きる。
GitHub - liabru/jquery-match-height: a responsive equal heights plugin for jQuery



jQuery最高の教科書

jQuery最高の教科書

作りながら学ぶjQueryデザインの教科書

作りながら学ぶjQueryデザインの教科書