Simplicityの骨組みをフレキシブルボックスにする part2-1 ブログカードの部分の補足

前回jQueryにて、ブログカードの子要素の「サムネイルとコンテンツ」を囲むタグを挿入するという所で、

こういったコードを紹介しました。

Simplicityの骨組みをフレキシブルボックスにする part2
まだ微調整と修正が必要ですが、現在当サイトはfloatを使わずレイアウトするflex-boxでSimplicityのレイアウトをしています。...

1つの記事に1つしかブログカードがない場合は良いのですが、複数あると最初の.blog-card以下にまとめられてしまうというのが判明したので補足しておきます。つまりは、

ただし、ブログカードが複数(例として1つの記事に2つのブログカードが)ある場合は、

前回紹介したままだとこうなってしまう。

そこで、修正スクリプトとして、

このようにすれば、各ブログカードの子要素内の該当部分にだけwrapタグを挿入することが可能。
ひとまず補足として。

スポンサーリンク

シェアする

フォローする