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

jquery - 流沙插件和惰性加载器

我正在使用流沙插件(http://razorjack.net/quicksand/)来显示图像。因为我计划有很多,所以我想添加惰性加载器插件(http://www.appelsiini.net/projects/lazyload)来稍微提高性能。

当我将这两者结合在一起时,我遇到了一个奇怪的问题:

  1. 如果我把流沙放在惰性加载器前面,流沙会工作,但惰性加载器不会。
  2. 反之亦然,如果我将惰性负载放在流沙前面,则惰性工作和沙子不会。
  3. 如果我将它们放在单独的文件中(例如,sand.js 和lazy.js)并排序它们,使sand.js 排在第一位,lazy.js 排在第二位,都在jqeury.js 之后,它们将在某个点上协同工作。流沙过滤器有效,但它显示空图像。

我已经阅读了关于 stackoverflow 的所有答案(我认为),用谷歌搜索了 2 个小时,我看到所有这些都归结为回调。我阅读了流沙文档,但更加困惑。

我会得到一些帮助,因为我不知道如何使用回调 - 我是 jquery noob。

我已经设置了一个 jsfiddle,如果有帮助的话:http: //jsfiddle.net/zUAVA/

(这个设置懒惰的作品,但流沙没有)

谢谢你的帮助。

编辑:如果我使用选项 3。(上图),图像会在页面加载时显示,但是一旦我开始使用过滤器,它们就会全部变为空白。

0 投票
2 回答
2605 浏览

jquery - jQuery.browser 脚本或 shim 用于向后兼容 1.9.1 的插件

我正在尝试使用流沙和 jquery 插件,但 jquery 1.9.1 出现此错误。

“未捕获的类型错误:无法读取未定义的属性 'msie'”

我知道 msie 是 jQuery.browser 属性上的标志 jQuery.browser 自 1.3 版以来已被弃用,并在 jQuery 1.9.0 中被删除

这就是导致错误的原因。但是有没有办法让流沙再次起作用?

任何帮助或建议都会很棒!

提前致谢!

0 投票
1 回答
801 浏览

jquery - jQuery Quicksand 在过渡时跳动

我遇到了与此类似的问题...使用 jQuery Quicksand 时 CSS 冒泡。当我点击过滤器时, <li> 获得一个绝对位置和 atop: 206并在转换完成后滑回 0 它看起来很好。但是 <li> 在移动时会变得生涩或跳动。这是一个CSS问题吗?我float: left对每个项目都有一个,就像他们在另一个“冒泡”问题的附加链接中提到的那样。

这是我的CSS。

这是我查看源代码时的标记。

0 投票
1 回答
286 浏览

javascript - Superbox JS 和流沙组合问题

我在这里有一个投资组合部分...... http://bvh.delineamultimedia.com/?page_id=2和 Superbox - (http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/)正在工作但是在我点击流沙“过滤器”链接后,超级框似乎被禁用了。有没有办法来解决这个问题。这是JavaScript。我有点困惑为什么会这样。我猜流沙有点贪心,但我不确定。

先谢谢了!

0 投票
1 回答
78 浏览

jquery - 流沙元素在初始加载时看起来不合适

我在初始页面加载时遇到了流沙元素的奇怪问题。http://bvh.delineamultimedia.com/?page_id=2 -> 您可能需要刷新几次才能看到我看到的内容,所以我发布了一张图片... http://i.imgur.com/ 026HYeH.png

如果您确保您的鼠标不在页面上并不时重新加载它,那么流沙元素就会脱节,如随附的屏幕截图所示。我已经尝试过调试它,但每次我查看检查器时,元素都会弹回原位。如果有人可以帮助我了解为什么会发生这种情况,我将不胜感激!

谢谢!

0 投票
0 回答
125 浏览

javascript - 如何为过滤的流沙数据分配一个类?

我在搜索流沙预过滤页面的链接时找到了这个答案,我对代码进行了一些编辑以使我的 url 更友好,数据过滤为 4 列,我想为第 1 列的项目分配一个特定的类和列 #4 的项目的另一个类,所有代码如果运行良好,除了将类分配给过滤数据的部分。请帮助我,我将非常感谢您的努力。

0 投票
2 回答
1724 浏览

javascript - AngularJS 流沙

有没有办法在 Angular中实现 jQuery 的流沙插件?也许有一个实现,但我似乎找不到它。

也许这样做的策略会对我有所帮助,因为流沙需要一个列表,然后将新列表作为参数接收,但是对于 Angular 重新渲染数据的方式,我不知道该怎么做。

0 投票
2 回答
4724 浏览

jquery - jQuery 悬停在 IE10 中不起作用,但在较低的 IE 版本中起作用

在我的网站上,这些框应该淡入描述中。这适用于我尝试过的所有浏览器,除了 IE10。这是一个 WordPress 网站,我使用了九个插件。我试过停用所有插件,但悬停在 IE10 中仍然不起作用。

下面是我用于悬停的代码:

有人可以帮我找出问题吗?如果我遗漏了任何重要信息,请告诉我。谢谢你。

编辑:过滤/悬停的整个代码。

0 投票
1 回答
222 浏览

javascript - 与流沙的冲突

我正在尝试实现一个简单的悬停效果,因此当我将鼠标悬停在每个项目上时,描述会从右侧滑入。

到目前为止,我已经设置好了:http: //jsfiddle.net/gnnSB/

在那个小提琴中,请注意,当您将鼠标悬停在描述上时,描述不会滑入,但过滤效果很好。

现在,看看这个例子:http: //jsfiddle.net/gnnSB/1/

在这里,描述确实滑入,但过滤不起作用,因为我取出了流沙功能(如下所示)。

我需要这两者一起工作。有冲突,我想知道是否有人经历过类似的事情。这是一个简单的解决方案还是我需要求助于其他解决方案?

流沙

悬停

编辑:有没有办法添加多个增强功能?我正在尝试合并fancybox。

0 投票
1 回答
707 浏览

jquery - 流沙不工作

我一直在努力让流沙开始工作,但这很痛苦,而且我什么也没有。

我什至无法获得最简单的示例:http: //jsfiddle.net/KoenvE/wVA6y/

我昨天整天都在寻找和尝试,但没有成功。

我究竟做错了什么?

我现在的js代码: