響應過濾組合

Question

我試圖編程部分業務非常相似：http://www.nouvehmedia.com/#3_columns_projects.html

但是，它似乎與我的jQuery/JavaScript的零知識，我不能重現的結果。

理想情況下，我試圖把我自己的'觸摸'。它的功能將完全像上面的網站描繪的那樣，但點擊它們實際上會打開一個模式。

我麻煩的領域是：
*過濾結果
*將鼠標疊加效果（我只能似乎當我的鼠標移到該以實現底部的文本，但如果是在不轉型圖像）

這裏是我的代碼，我使用的基礎架構，所以它看起來相當關閉，當我輸入的代碼到的jsfiddle顯示我的工作：jsfiddle.net/feF43/1/
這裏是什麼樣子在我的結尾：

是我試圖做的可能在CSS中，或者我應該尋找在github上找到類似的效果，或者用這樣的代碼來實現？

Answer 1

哦，這太遺憾了，我昨天看着這個，因爲我正在使用它在我的下一個網站。不過，我更喜歡Bootstrap框架粉絲。

有一個名爲quicksand.js的插件，它可以完成我以前想要做的事情。而且我碰到一個教程偶然使用與引導就在昨天晚上：

• http://untame.net/2013/05/how-to-build-a-sortable-image-gallery-with-bootstrap-jquery/

可惜我當時一看這個給你，它似乎的方式，基金會運用其電網是指流沙不能用它工作得很好：

• https://groups.google.com/forum/#!topic/foundation-framework-/0M-H3kWiChY

所以，也許建議你改變框架是一個很大的解決方案:)但看着你的小提琴看起來這兩個框架之間的標記是非常相似的。

我只是看了一下流沙源代碼以及它真的沒那麼久。所以，即使你堅持zurb你可以在這裏看到流沙的內在邏輯：

• http://mode87.com/untame/demo/filteredgallery/js/jquery.quicksand.js

希望這有助於。