Question

夜。

我正在使用jQuery Waterfall，这是一种基于砌体的pinterest样式网格布局，我相信。

我遇到的问题是这些物品没有像我希望的那样显示。

让我们说html标记是这样的：

<div id="buildcontainer">

    <div class='blogresults'>ITEM 1</div>

    <div class='blogresults'>ITEM 2</div>

    <div class='blogresults'>ITEM 3</div>

    <div class='blogresults'>>ITEM 4</div>

</div>

检查源代码时，即标记。然而，在我的网站网格中，项目显示如下：

ITEM 3 | ITEM 1 | ITEM 4 | ITEM 2

这通常不是问题，除了我根据其受欢迎程度订购内容。我可以破解它并改变内容的顺序，但它全部动态加载。

对此有何帮助？我可以使用瀑布的任何选项。

这里有一个例子是我的网站：

解决。

订单应该是：KTM RC8 |黑色FABIA VRS |黄色VRS |奥迪TT

这是我的商品css样式的案例吗？这是样式：

.blogresults { 
border: 0px solid #fff;
background-color: #fff;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
z-index: 500;
disply: inline-block;
float:;
 -webkit-transition: box-shadow 200ms;
 -moz-transition: box-shadow 200ms;
 -o-transition: box-shadow 200ms;
 -ms-transition: box-shadow 200ms;
 transition: box-shadow 200ms;
}

#buildcontainer {
width: 100%;
height: auto;
    margin-top: 5%;
}

提前感谢您的帮助！

克雷格。

Answer 1

解决。

这个问题与我在标签中包装项目有关。将标记移动到.blogresults div中，一切正常。

jQuery Waterfall项目不按HTML布局顺序排列

1 个答案: