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;，那就有魅力

内容过滤器+三星网格加载效果导致添加这两个错误

1 个答案: