jquery - Content Filter + Samsung grid loading effects 导致添加这两个错误

Question

我正在尝试实现 Samsung grid loading effects与 Content filter但是当我同时使用两者时，高度出现问题(页脚与内容重叠)并且过滤器无法正常工作请帮助我解决我做错的地方..

示例代码:

<ul class="cd-filters">
                <li class="placeholder"> 
                    <a data-type="all" href="#0">All</a> <!-- selected option on mobile -->
                </li> 
                <li class="filter"><a class="selected"  data-type="all">All</a></li>
                <li class="filter" data-filter=".latest-research"><a  data-type="latest-research">Latest Research </a></li>
                <li class="filter" data-filter=".consumer-intelligence"><a data-type="consumer-intelligence">Consumer Intelligence</a></li>
                <li class="filter" data-filter=".brand-insights"><a  data-type="brand-insights">Brand Insights</a></li>
                <li class="filter" data-filter=".whitepapers"><a data-type="whitepapers">Whitepapers</a></li>
            </ul>
<section class="grid-wrap cd-gallery">
                <ul class="grid-b swipe-down" id="grid">

                    <li class="mix latest-research"><a href="#"><img src="img/dummy.png" alt="dummy"></a></li>
                    <li class="mix consumer-intelligence"><a href="#"><img src="img/dummy.png" alt="dummy"></a></li>
                    <li class="mix brand-insights"><a href="#"><img src="img/dummy.png" alt="dummy"></a></li>
                    <li class="mix whitepapers"><a href="#"><img src="img/dummy.png" alt="dummy"></a></li>
</ul>
</section>

Answer 1

最后我找到了我的问题的答案，jquery 插件使用内联样式来更改 li 中的内容，所以我必须在内部 jquery 上工作以更改和删除一些功能，以便一次运行一个效果。

内联冲突的代码是

<li class="mix latest-research" style="display:inline-block;"><a href="#"><img src="img/dummy.png" alt="dummy"></a></li>

<li class="mix latest-research" style="position:absolute;"><a href="#"><img src="img/dummy.png" alt="dummy"></a></li>

因此，如果我删除 position:absolute; 或 display:inline-block; 它会很有用