我使用jquery-match-height来匹配同位素布局的网格项内部div的高度,这在同位素网格加载时非常有效.
但是,当我过滤网格时,matchheight脚本不再处理div,每个div都返回其原始高度.
我试过了:
$grid.on( 'arrangeComplete', function() {
console.log("OK, arrangeComplete");
$.fn.matchHeight._update();
//$('.card-text').matchHeight(); //Here I tried simply re-initiating... no effect
});
Run Code Online (Sandbox Code Playgroud)
我也尝试过:
if (!$grid.data('isotope').filteredItems.length ) {
$.fn.matchHeight._update();
}
Run Code Online (Sandbox Code Playgroud)
我根本无法获得匹配高度"refire"
当使第一个字母大于段落的其余部分时(如在故事书中),第一个换行符的间距:
p::first-letter {
font-size: 250%;
}
Run Code Online (Sandbox Code Playgroud)
https://jsfiddle.net/7zka3jsy/
正如你所看到的那样,第一行的空间比段落的其余部分更大,因为:第一个字母不会向上移动,而是向下移动.