问题标签 [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 回答
760 浏览

jquery - Jquery流沙不缩放

每件事都按我想要的方式工作,唯一的问题是,当您单击过滤器(一张床/两张床)时它不会缩放,它只会褪色。原始的 quciksand 示例在过滤器之间渐变和缩放

这是我的示例 http://theoaks.turnpostadmin.com/floor-plans/

我的代码

这是原始 http://razorjack.net/quicksand/

0 投票
2 回答
654 浏览

jquery - 流沙:在 Chrome 中排序后,缓存的图像会消失

问题

您第一次访问我的项目页面并过滤结果时一切正常。但是由于某种原因,每当我第二次过滤所有图像消失时(它将不透明度设置为 0),Chrome 中的某些原因。

投资组合页面

我似乎无法弄清楚它在哪里做这件事,而且它只发生在 Chrome 中的事实使它更加混乱。

这是jquery代码Jquery:

HTML 下面是我在我的页面上使用的 html。我一遍又一遍地看着它,一切似乎都很好。

更新: 我认为这可能有助于补充一点,如果我在第一次在 chrome 中正常工作之前从未访问过该网站。但刷新后图像再次消失。

0 投票
1 回答
183 浏览

javascript - jQuery/Javascript 取消(或覆盖?)

我对 Javascript 不是很好,我目前正在尝试将手风琴功能添加到 div,以便我可以揭示更多细节。这是我目前的移动网站,http ://txf4199.cias.rit.edu/mobile-test-4/index.html#work

问题:我可以点击“查看更多”,手风琴效果会很好地显示内容。但是,如果我使用站点顶部的过滤器(“Mobile”、“Motion”等),手风琴效果将不再起作用。

仅供参考:过滤器使用 quicksand.js(过滤插件)和 main.js(自定义脚本),但手风琴效果只是使用内联脚本,因为它太小了。

这是我的 js 文件的列表:

我已经查找了文档就绪功能,认为问题不止一个,但这是可以接受的,所以我不知道该去哪里找。任何帮助将不胜感激,我会像鹰一样看这篇文章,提前谢谢你!

0 投票
1 回答
400 浏览

ruby-on-rails - 如何使用带有 Rails AJAX 请求的 Quicksand jQuery 插件?

我正在尝试使用 Quicksand jQuery 插件来装饰 Rails 中 AJAX 调用的响应:

关联:

JS:

控制器:

看法:

项目:

认为问题在于 AJAX 请求返回的数据(见下文)不是流沙期望的格式,但我不确定如何从响应中推断相关信息。我的 AJAX 请求的响应类似于:

所以,问题是它使用上面的代码作为 Quicksand 调用的目标代码,而它应该使用替换 HTML:

AJAX 请求工作得很好,但我需要将流沙集成到这里。

我需要:

  • 一个更好的方法来做到这一点,或者;
  • 一种在上述代码中推断 replaceWith() 的参数以用作流沙的目标代码的方法。

如果我遗漏了您认为需要帮助的任何信息,请询问。

这是我在 Stack Overflow 上提出的第一个问题,所以我有义务为任何误用道歉。

0 投票
1 回答
552 浏览

jquery - 如何使用 Colorbox 过滤画廊?

我已经完成了建议的“类似问题”,但我没有看到任何我认为相关的内容。

我正在使用 Colorbox 为我的在线作品集提供动力。我想添加一个过滤器(品牌、网络、印刷等)。我发现与流沙相结合会是一个可爱的效果,但它通过类利用列表和我的画廊功能。有没有办法让这些功能共存?

网站:ephelan.com

0 投票
1 回答
325 浏览

jquery - jQuery - 更改的元素不会克隆

我已更改元素的 html 文本,在本例中为 #main_cluster_id_reach_12

这很好,但是当我尝试克隆保存它的容器时(#applications),它不包含#main_cluster_id_reach_12 的更新html,而是与页面一起加载的原始文本。这是我克隆它的方法:

我究竟做错了什么?

编辑:这是js和html。我正在使用 jquery 1.7.2

我想要做的是通过ajax每隔10秒更新一组集群的范围,然后用流沙按照它们的范围排序。更新没有问题,但流沙克隆了原始列表,而不是更新的列表。今天早上我一直在玩一些日志记录,看来克隆是在 ajax 更新完成之前发生的。

html

0 投票
2 回答
1458 浏览

jquery - 使用 jQuery Quicksand 时 CSS 冒泡

我正在使用 jQuery Quicksand 创建可过滤的文章组合:

http://davekiss.com/new/

问题是,当单击侧栏段落中的过滤器(视频、网站、动态图形)时,CSS 会在被过滤的文章上加倍,并且在动画完成之前无法正确定位。该插件正在添加top: 60px; left: 416px;到过滤集中的第一篇文章中,将所有内容都推过去。

继续点击website查看效果。

我相信这是有问题的 CSS,但我不确定如何调整它以使其与插件配合得很好:

访问http://razorjack.net/quicksand并单击过滤器(一切、应用程序、实用程序)以查看预期效果。

任何帮助将非常感激!

0 投票
2 回答
202 浏览

javascript - Javascript流沙滑块

我正在尝试包含 javascript 循环滑块 - Quicksand 1.2.1 但在萤火虫控制台中我收到此错误:

谁能帮我这个?

这是应用程序http://mycompany.herokuapp.com的链接

0 投票
1 回答
983 浏览

javascript - Quicksand jquery 插件在他们轻松时放大元素。为什么?

我目前正在尝试使用 Quicksand,这是一个 jquery 插件,它允许您通过隐藏和显示基于标签的某些元素来为页面上的元素设置动画。我有那个工作得很好。我的问题是,随着元素的缓动,它们在移动时会放大。一旦他们安顿下来,他们就会缩小到适当的大小,但这看起来非常奇怪,我想首先弄清楚为什么会发生这种情况。

这是我对流沙的偏好的 main.js 文件:

流沙文件本身保持不变,除了我将文档中的所有“高度”更改为“宽度”,因为我没有为任何 div 指定高度。

感谢您的帮助!如果您需要查看 HTML 或 CSS 来解决问题,请告诉我。

0 投票
1 回答
1357 浏览

javascript - jquery流沙链接到预过滤页面

我正在使用 jquery 流沙,我想知道如何在预先排序的列表中返回该页面。我对javascript不是很了解,所以任何帮助都将不胜感激。

编辑

找到了类似过滤器的此解决方案http://savethefix.wordpress.com/2011/12/06/filterable-portfolio-with-jquery-with-external-link-support/

但看不出如何用流沙来解决这个问题