jQuery流沙中的流沙跳躍

我遇到類似的問題，因爲...... CSS bubbling while using jQuery Quicksand。當我點擊過濾器< li>獲得絕對位置並且top: 206並且在轉換完成後滑回到0時，它看起來很好。但是移動時< li>是生澀或跳動。這是一個CSS問題？每個項目上都有一個float: left，就像他們在附加鏈接中提到的其他「冒泡」問題一樣。jQuery流沙中的流沙跳躍

這是我的CSS。

ul.filter li { 
    float:left; 
    margin-right:20px; 
    margin-bottom: 20px; 
    list-style-type: none; 
    font-size: 17px; 
} 
ul.filterable-grid{ float: left; } 
ul.filterable-grid li { 
    width:295px; 
    float: left; 
    margin-right:10px; 
    list-style-type: none; 
    text-transform: uppercase; 
    padding: 10px 10px 10px 10px; 
    border: 3px solid; 
    display: block; 
}

查看源代碼時，這是我的標記。

<ul class="filterable-grid clearfix"> 
    <li class="portfolio-item" data-id="id-2" data-type="filter-two "> 
    <a rel="prettyPhoto[gallery]" href="http://localhost:8888/BVH/wp-content/uploads/2013/03/1.jpg"> 
     <img width="500" height="500" src="http://localhost:8888/BVH/wp-content/uploads/2013/03/1.jpg" class="attachment-portfolio wp-post-image" alt="1" /> 
    </a>     
    <p><a href="http://localhost:8888/BVH/?portfolio=testing2">Testing2</a></p> 
    </li> 
    <li class="portfolio-item" data-id="id-3" data-type="filter-one "> 
    <a rel="prettyPhoto[gallery]" href="http://localhost:8888/BVH/wp-content/uploads/2013/03/1.jpg"> 
     <img width="500" height="500" src="http://localhost:8888/BVH/wp-content/uploads/2013/03/1.jpg" class="attachment-portfolio wp-post-image" alt="1" /> 
    </a>     
    <p><a href="http://localhost:8888/BVH/?portfolio=testing">Testing</a></p> 
    </li> 
</ul>

來源

2013-03-21 bryanlewis

正在使用您的容器絕對定位...？你可能會向我們展示更多的代碼 – 2013-03-21 16:22:26

我的ul.filterable-grid看起來像它有style =「height：335px; width：610px;」這是由我相信標記的插件自動設置的。但就是這樣。沒有定位號碼。 – bryanlewis 2013-03-21 16:24:52

.filter用於點擊頂部的類別以開始動畫。它基本上是類別的包裝。 – bryanlewis 2013-03-21 16:29:58

看着給here的例子之後，我想你可以擺脫這行：

ul.filterable-grid{ float: left; }

添加height和overflow:hidden屬性您li造型

來源

2013-03-21 16:29:40

這工作！謝謝！最後。現在已經搞亂了3個多小時！謝謝你，謝謝你，謝謝你！ – bryanlewis 2013-03-21 16:33:50

當然。 StackOverflow讓我再等2分鐘才能做到這一點。現在應該是好的！ – bryanlewis 2013-03-21 16:36:15

很高興幫助，謝謝，我很感激。 – 2013-03-21 16:36:31

jQuery流沙中的流沙跳躍

回答

相關問題