问题标签 [quicksand]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
361 浏览

javascript - 使用查询字符串过滤流沙

仅供参考,我在 javascript 上很烂,无法将我的头绕在查询字符串上。

我的问题是关于流沙 http://razorjack.net/quicksand/index.html

如何使用 javascript 修改http://razorjack.net/quicksand/scripts/main.js以允许通过传入 URL 根据给定过滤器进行排序。

演示的给定过滤器:

按类型过滤: 一切、应用程序、实用程序

排序方式: 名称、大小

因此,根据您使用的参数,传入的 URL 可能看起来像这样,覆盖默认视图:

razorjack.net/quicksand/index.html?Type=Everything&Sort=Size

razorjack.net/quicksand/index.html?Type=Utilities&Sort=Name

0 投票
2 回答
913 浏览

jquery - jQuery流沙排序

在 120 张图片(130x130px)的长面板上,使用iosslider给它触摸滑动滑动。我正在使用jQuery流沙对4列中的块集合进行排序。所以我需要克隆它们,提取项目块,对它们进行排序并将它们重新添加到列(面板)中。

CSS...

Javascript:

排序不起作用,并且 wrapAll 也没有添加封闭面板 div。一直在看这个很长一段时间,所以会很适合一些建议。

非常感谢,

抢。

0 投票
1 回答
424 浏览

jquery - 如何以这种方式使用 jQuery Quicksand 插件?

这个演示看起来很简单,当我点击按钮时它只是动画一次。问题是:如何将“destination”再次更改为“source”?(应该有两组项目)

Javascript:

HTML:

0 投票
2 回答
140 浏览

javascript - jQuery流沙忽略溢出:动画上的自动

我正在使用 jQuery 插件 Quicksand 列出一些文档供我的用户访问,我有数百个文档,所以我从一开始只显示其中的几个。

列表 (ul) 被构建为一次显示大约 20 个文档标题,其余的被隐藏。像这样。在列表底部,您有一个指向Show more的链接,当您按下它时,会加载更多标题。父 div 没有扩展列表的高度,而是overflow具有 value属性auto

该列表由 javascript 构建,它从 MySQL 数据库加载文档并隐藏除指定数量之外的所有文档。当您按“显示更多”(瑞典语中的“Visa fler”,如图所示)时,它会重新加载文档并从隐藏功能中排除一些其他文档。

问题是这样的:当我按Show more时,它​​会加载更多标题,但列表会忽略overflow: auto,并且列表会扩展到整个页面,就像这样。大约一秒钟后,当它完成加载时,overflow应用了 -property 并且一切正常,但是加载时看起来不太好。

你有什么想法如何解决这个问题吗?你还需要知道什么吗?

提前致谢!

0 投票
2 回答
96 浏览

javascript - 需要回调,不知道怎么做

我的问题是这个。我创建了一个<li>侧面<ul>元素列表。当您单击其中一个<li>元素时,其他元素就会消失。现在,当您单击 时[See all items],会出现上一个列表 agen。但是现在当您单击另一个元素时,什么也没有发生。那应该是因为新元素不知道当你点击它时要做什么。我们需要一个回调!但是我不知道我应该在这个回调函数中写什么?!

我的代码:http: //jsfiddle.net/cRcNB/。在 JS 部分有 easying.js 和 quicksand.js。所以向下滚动(一直),你会看到我的(短)代码。:)

我将按要求在此处发布我的代码:

HTML

Quiksand1.3.js 和 Easing.js 也是必需的。

0 投票
1 回答
636 浏览

jquery - Use jQuery Quicksand for multiple lists

I am attempting to use jQuery Quicksand to filter more that one list of items from a single set of option.

I have the plugin functional based off of a simple class (instead of the id) as the documentation would suggest. Here is my JS code:

However, when clicking one of the options, both lists are replaced with the results from the first list. You can see this occurring via this JSFiddle: http://jsfiddle.net/Dhk9T/

I presume that I need to edit the .clone() section, perhaps with .each(), buy I can't seem to get this working. Any suggestions!?

0 投票
1 回答
1454 浏览

jquery - 将 Jquery 流沙与分页相结合

我正在尝试将可过滤的流沙组合与 Wordpress 网站中的分页结合起来。我已经搜索了很多,并且有一些带有标准 Wordpress 分页的示例,但是这些示例为分页加载了另一个 url,并对投资组合项目进行了新的查询。流沙过滤器仅适用于该特定页面上的查询项目。我想让流沙过滤器适用于所有投资组合项目,以及其他页面上的项目,所以我需要某种 ajax 分页。

我已经在http://www.cofoto.tk/portfolio上设置了一些东西,jPage 分页工作,但是当点击过滤器时,投资组合的内容会动态变化并且分页不再起作用。我希望过滤器以某种方式告诉分页内容已更改,并且应根据当前显示的内容重新启动分页。我缺乏针对这个特定问题的技术技能,并希望有人可以帮助我解决这个问题。

提前谢谢,如果需要更多信息,请告诉我。

阿恩

0 投票
2 回答
249 浏览

jquery - 类型错误:属性“$”

我的 jQuery 出现错误。

这是 javascript 的第 19 行。我觉得很好。任何想法都会很棒!$filter = $('.filter li.active a').attr('class');

我正在调用 jQuery,如下所示...

0 投票
1 回答
816 浏览

javascript - 将 ajax 调用返回的数据添加到 UL,然后更新 jQuery 流沙

我正在构建一个用户列表,并尝试使用 jQuery流沙根据 ajax 请求返回的数据更新 UL。

数据要求如下:

返回的数据是一个 JSON 字符串,每个用户由 'user_id' 定义。JSON数据(抱歉未格式化):

在我的 html 页面中,我准备好了流沙列表,如下所示:

我现在想在每个 ajax 请求上更新 UL。如何存储返回的数据并将每个单独的“用户”添加到单独的 LI 项中?

我尝试了以下但没有运气:

可能值得注意的是,我可以看到每个 LI 项目中的正确数据在每个 ajax 请求中被拉入 DOM,但它立即消失并且只显示第一个 LI 项目。

0 投票
1 回答
125 浏览

javascript - 动画时流沙边距发生变化

在网站上工作

http://lsmcreative.co.nz/

使用导航过滤拇指时,我遇到了一个有趣的错误。动画时,图像向左奇怪地移动

容器是相对位置的,就像文档一样我不确定发生了什么

我的代码是这样的

几乎当您单击菜单中的按钮时,拇指都突然向左推了 200px,然后动画回到原位?