问题标签 [quicksand]

I have an edited version of quicksand in my website, it shows correctly on all browsers or at least chrome opera and firefox. However, on IE I get css problems. when i was using the static version the css showed correctly even on IE , did not change any css just added quicksand effect, but it did mess up the display allthough all the animations work great.. please go to this website http://www.jonathansconstruction.com/galleryie.php the quicksand code is as follow:

Please go to the URL above and check on IE 7, and other , also I put a screenshow of how it looks like in IE please visit here: http://i49.tinypic.com/25tj2bl.jpg this is how it appears on IE7 and screenshot on other browsers is on the comments of this question : Any Help is appreciated.. I'm new to jquery and its plugins and sometimes the syntax gets me confused...

基本上......让这个工作...... JSFiddle！

我正在尝试使用 jQuery 插件来过滤 3 个 UL 中的项目。（每个<ul></ul>都有无限数量的列表项。）

我正在使用的插件位于下面的链接（流沙）（连同文档和演示）。

流沙： http ://razorjack.net/quicksand/

文档 http://razorjack.net/quicksand/docs-and-demos.html

该插件基本上会过滤我的<ul></ul>.

我曾多次尝试过此操作，但没有收到控制台错误或任何提示我出错的地方，也不知道为什么它不起作用。

我有 3 个<ul class="column"></ul>标签，每个标签下面都有列表项（在本例中为 3 个）。我需要能够使用插件过滤（和动画）所有这些。

我还用我的代码制作了一个 JS Fiddle 供您使用。（流沙作为“资源”包含在内）。

我的 HTML 的基本结构是：

菜单

要过滤的内容

- 准备好：JSFiddle！！

- 更新 -

我最终决定购买并使用Isotope插件。网站上的例子很好，可以达到我需要的效果。
非常可定制，是我需要的完美插件。（如果你读到这个，它可能是你想要的）。
查看：http: //isotope.metafizzy.co/

我正在使用流沙和 jquery 开发一个可过滤的站点。我已经设置好了一切（imgs 现在是通用的）。一组图像上方有一组类别，当您选择一个类别时，应该只显示该类别中的项目。它确实过滤并显示了正确的项目，但是在过滤时它以一种非常尴尬的方式上下跳跃 - 当它应该放松时。

链接是http://lllh.dk/filtering/work3.html

部分html：

还有一些css

最后是js..

似乎布局的一部分破坏了宽松。在我尝试进行故障排除时，图像上方部分中的某些东西似乎是问题所在，可能是 txtdiv div。如果我删除了除应用于过滤器功能之外的所有 css，则缓动和过滤工作正常。

我正在尝试使用此处的原始流沙代码

一切正常，除了 $('#applications') 中的元素已使用 jQuery 进行了轻微更改（例如，一些 div 元素已被隐藏，一些类已被交换）。使用 clone() 我只能设法克隆原始源代码。

有没有办法克隆 $('#applications') 的“实时”版本？

我正在使用流沙作为可排序的投资组合页面，并且需要使用 nth-child 删除每三个元素的左侧填充，我还必须添加鼠标悬停和鼠标移出效果。这是我目前拥有的：

但是发生的情况是直到 mouseover/out 事件发生时边距才被删除。如何改进代码？

我尝试将 jquery quick sand 包含在我的投资组合中。我认为在 Firefox 中，头部 ul 的高度总是好的。Chrome浏览器无法计算头部高度，流沙效果差。任何人都可以帮助我吗？

演示：http ://www.testowa.isterio.pl/test.html

I'm using Quicksand from google webfonts on a site I'm developing, but some weird stuff happens when I access the page from Windows browsers.

For instance, the word "STOREFRONTS" comes out like this:

Any idea what might be happening?

目前我有一个使用 Wordpress 和Jquery Quicksand的网站。

但是我不想同时显示所有帖子。我希望显示例如 6 个帖子，然后进行分页。这就是我遇到问题的地方。

如果我在包含帖子的第一页上有一个过滤器，它只会过滤那些帖子，而不是其他页面上的那些。像这样（来自 tutsplus.com 的示例）

这根本不直观。无法在过滤器中从一个页面导航到另一个页面是不友好的。

我还没有找到任何关于此的教程，但我找到了一个使用流沙的工作示例。所以这是可能的。

所以我想知道是否有人可以帮助我，或者可能有比工作示例更好的解决方案？

我在标题中添加 ajax 的原因是因为我认为通过 ajax 执行新的 wp_query 可能是一个更好的解决方案，而不是加载多个列表中的所有帖子并使用过滤器显示/隐藏它们。

我正在尝试将流沙与多个过滤器一起使用，我找到了一个很好的例子： http ://www.danieltulp.nl/work/quicksand-multiple.htm

像这样工作：

和html：

但我希望html可以像这样工作：

但我不知道要对 javascript 代码进行哪些更改。

我在我的网站上使用 jQuery 流沙插件，但目前它下面的页脚会跳起来，并且在更改过滤器选项时不会随着流沙图像平滑地向上缓和。

我该如何解决这个问题？

代码：

jQuery