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

jquery - 为什么流沙的图像位置错误?

我已经设置了流沙来对列表进行排序,您可以在此处查看演示(这是我在本地开发的一个 drupal 站点,我必须将其设为静态 html 页面,因此有些事情看起来不太正确,但是你可以看到问题):

网站

如果您将浏览器的宽度设置为 1090 像素(在实际站点上,该问题会在更广泛的分辨率范围内发生,但在此演示中,它似乎只发生在 1090 像素 - 至少在 chrome 中)并单击“全部”,您会注意到图像都有些摇晃,而实际上它们根本不应该移动。

我怎样才能解决这个问题?

0 投票
1 回答
940 浏览

twitter-bootstrap - Bootstrap 3 和流沙集成问题

我正在尝试将流沙简单地集成到我的新 bootstrap 3 站点。我对持有所有投资组合项目的持有人有疑问。我正在使用引导程序 3 类:缩略图col-sm-3以引导程序识别并响应地处理它的方式浮动画廊。

我的问题是我的持有人总是得到动态的高度和宽度。高度在这里不是问题,但宽度一直在变化并缩小我的图像。

我在网上查看了大量流沙示例,没有人有这个问题

这是我的投资组合页面的链接: http ://www.tipoos.com/bs/portfolio.html

谁能告诉我在这里做错了什么?任何帮助将不胜感激

0 投票
1 回答
220 浏览

jquery - 流沙 jquery 不工作

我很难使用流沙 jquery 插件来调情投资组合。我即将放弃这个插件,但很高兴知道我错了并且有解决我的问题的方法。

我的问题是我的流沙在我的本地计算机上工作,但相同的代码在远程服务器上不起作用。

插件(在我的本地机器上)也只能使用这个版本的 Jquery:

试图为最新版本添加更新代码,但没有任何效果。我不知道我的问题在哪里?

谁能帮忙?

这是特定页面的链接: http: //clients.tipoos.com/bs/portfolio.html

谢谢

0 投票
3 回答
446 浏览

php - 来自 MySQL 的数据属性值

我是 PHP 和 MySQL 的新手,所以我不太确定我在这里做错了什么。我正在使用 jQuery 插件流沙来创建可过滤的投资组合。该插件使用 li 项内的自定义数据属性 data-tag 来填充过滤器导航。

我想要做的是使用 foreach 循环来填充 ul 的内容。问题是当我使用 php 从 mySQL 表中的 gallery_tag 列获取数据属性的值时,过滤器导航不会自动填充。

日志中出现的错误在 jquery 行中:

日志返回此错误:上述行的“Uncaught TypeError: Cannot call method 'split' of undefined”。

我不太清楚为什么这是一个导致 jquery 无法读取从我的表的 gallery_tag 列中获取的数据属性值的冲突。任何帮助,将不胜感激。

0 投票
1 回答
494 浏览

javascript - 实现流沙jQuery插件

我试着做一个投资组合页面,你可以在这里看到。当您单击这些过滤器项目之一时;什么都没有发生。没有动画效果,没有新的排序......什么都没有!你能帮我解决这个问题吗?

这是动态内容加载器代码:

这是排序代码;

html结构;

0 投票
1 回答
105 浏览

jquery - 2个单独代码之间的jQuery冲突

我使用流沙插件过滤我的投资组合项目,但是当我将这个#w div 放入我的动态内容加载器时它停止工作。(我的意思是过滤器。如果你点击它们;没有任何反应。)你可以在这里看到

是我的投资组合页面的工作示例 - 内容加载器。

我的投资组合项目-html;

内容加载器代码:

0 投票
0 回答
205 浏览

jquery - 未捕获的错误。jQuery

嗨,我正在尝试将流沙过滤器和插件排序集成到我的网站中。但我收到这个错误:

未捕获的错误:语法错误,无法识别的表达式:[object Object]:checked

这是我的代码:

还有我的 HTML:

0 投票
1 回答
368 浏览

wordpress - 无法在 wordpress 中为可过滤的投资组合设置每页码的帖子

我使用此处的教程创建了一个可过滤的投资组合:http: //zoerooney.com/blog/web-development/filtering-portfolio-quicksand-taxonomies/#comments

一切正常,但我无法设置每页的帖子。我的作品集最多显示在设置>阅读>博客页面中设置的数字。

我尝试使用 'posts_per_page' =>'-1' 但它不起作用。也许我放错地方了。

这是我的函数文件中的代码,用于我的投资组合项目的自定义帖子类型和类别:

这是我用于我的投资组合页面的代码:

0 投票
0 回答
94 浏览

javascript - 未捕获的类型错误:对象 [对象对象] 没有方法“流沙”

我购买了一个引导模板,并且一直在尝试将其集成到我的 Rails 应用程序中。

我在无序列表中有一些按钮:

单击哪个是排序图像:

当我单击一个按钮时,我收到此错误: Uncaught TypeError: Object [object Object] has no method 'quicksand' on Photographer.js 文件(在第一行):

我在 assets/javascripts 文件夹中包含 jquery.quicksand.js(版本 1.2.2)。其他人也有类似的问题,解决方案是删除 jQuery 的第二个副本。我不确定我是否包含第二个 jQuery 文件,至少我的资产中没有。只是 jquery.quicksand.js 和 jquery.easing.js。好吧,我尝试删除这两个文件,但这并没有解决问题(如果这是我应该做的)。

这也是我的gemfile,仅供记录:

让我知道您是否有任何错误的线索或是否需要任何其他信息。感谢您为我查找此内容所付出的努力。

0 投票
1 回答
416 浏览

javascript - 在我对投资组合进行排序后,引导模式停止工作

我正在使用 quicksand.js 构建一个可排序的投资组合,以显示更多点击信息我正在使用 bootbox.js,现在这工作得很好,但我最近遇到了一个问题。当您对投资组合进行排序时,bootbox 不再起作用!

您可以在此处查看此操作,滚动到投资组合部分并单击其中一张图片以查看其正常运行。然后对其进行排序并重试,您将看到我的问题。

更新: 使用控制台我找到了导致问题的原因,但我无法完全理解错误,我不得不在某一时刻使用 jquery migrate 来制作流沙功能,这是问题的一部分。这是错误:

这是我的javascript:

和我的html:

如果有人可以看一下,我对此没有任何运气。