问题标签 [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.
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
jquery - 如何以这种方式使用 jQuery Quicksand 插件?
这个演示看起来很简单,当我点击按钮时它只是动画一次。问题是:如何将“destination”再次更改为“source”?(应该有两组项目)
Javascript:
HTML:
javascript - jQuery流沙忽略溢出:动画上的自动
我正在使用 jQuery 插件 Quicksand 列出一些文档供我的用户访问,我有数百个文档,所以我从一开始只显示其中的几个。
列表 (ul) 被构建为一次显示大约 20 个文档标题,其余的被隐藏。像这样。在列表底部,您有一个指向Show more的链接,当您按下它时,会加载更多标题。父 div 没有扩展列表的高度,而是overflow
具有 value属性auto
。
该列表由 javascript 构建,它从 MySQL 数据库加载文档并隐藏除指定数量之外的所有文档。当您按“显示更多”(瑞典语中的“Visa fler”,如图所示)时,它会重新加载文档并从隐藏功能中排除一些其他文档。
问题是这样的:当我按Show more时,它会加载更多标题,但列表会忽略overflow: auto
,并且列表会扩展到整个页面,就像这样。大约一秒钟后,当它完成加载时,overflow
应用了 -property 并且一切正常,但是加载时看起来不太好。
你有什么想法如何解决这个问题吗?你还需要知道什么吗?
提前致谢!
javascript - 需要回调,不知道怎么做
我的问题是这个。我创建了一个<li>
侧面<ul>
元素列表。当您单击其中一个<li>
元素时,其他元素就会消失。现在,当您单击 时[See all items]
,会出现上一个列表 agen。但是现在当您单击另一个元素时,什么也没有发生。那应该是因为新元素不知道当你点击它时要做什么。我们需要一个回调!但是我不知道我应该在这个回调函数中写什么?!
我的代码:http: //jsfiddle.net/cRcNB/。在 JS 部分有 easying.js 和 quicksand.js。所以向下滚动(一直),你会看到我的(短)代码。:)
我将按要求在此处发布我的代码:
HTML
Quiksand1.3.js 和 Easing.js 也是必需的。
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!?
jquery - 将 Jquery 流沙与分页相结合
我正在尝试将可过滤的流沙组合与 Wordpress 网站中的分页结合起来。我已经搜索了很多,并且有一些带有标准 Wordpress 分页的示例,但是这些示例为分页加载了另一个 url,并对投资组合项目进行了新的查询。流沙过滤器仅适用于该特定页面上的查询项目。我想让流沙过滤器适用于所有投资组合项目,以及其他页面上的项目,所以我需要某种 ajax 分页。
我已经在http://www.cofoto.tk/portfolio上设置了一些东西,jPage 分页工作,但是当点击过滤器时,投资组合的内容会动态变化并且分页不再起作用。我希望过滤器以某种方式告诉分页内容已更改,并且应根据当前显示的内容重新启动分页。我缺乏针对这个特定问题的技术技能,并希望有人可以帮助我解决这个问题。
提前谢谢,如果需要更多信息,请告诉我。
阿恩
jquery - 类型错误:属性“$”
我的 jQuery 出现错误。
这是 javascript 的第 19 行。我觉得很好。任何想法都会很棒!$filter = $('.filter li.active a').attr('class');
我正在调用 jQuery,如下所示...
javascript - 将 ajax 调用返回的数据添加到 UL,然后更新 jQuery 流沙
我正在构建一个用户列表,并尝试使用 jQuery流沙根据 ajax 请求返回的数据更新 UL。
数据要求如下:
返回的数据是一个 JSON 字符串,每个用户由 'user_id' 定义。JSON数据(抱歉未格式化):
在我的 html 页面中,我准备好了流沙列表,如下所示:
我现在想在每个 ajax 请求上更新 UL。如何存储返回的数据并将每个单独的“用户”添加到单独的 LI 项中?
我尝试了以下但没有运气:
可能值得注意的是,我可以看到每个 LI 项目中的正确数据在每个 ajax 请求中被拉入 DOM,但它立即消失并且只显示第一个 LI 项目。
javascript - 动画时流沙边距发生变化
在网站上工作
使用导航过滤拇指时,我遇到了一个有趣的错误。动画时,图像向左奇怪地移动
容器是相对位置的,就像文档一样我不确定发生了什么
我的代码是这样的
几乎当您单击菜单中的按钮时,拇指都突然向左推了 200px,然后动画回到原位?