问题标签 [mixitup]

我正在尝试将 jQuery MixItUp 集成到 angular.js 项目中。为此，我使用以下自定义指令。

该指令在 HTML 中使用如下。

medias通过从自定义服务获取 JSON 数据以将 Angular 应用程序连接到 Laravel 5.1 应用程序，将集合填充到控制器中。成功回调调用以下函数。在指令中记录集合时，它看起来不错。

内容正常加载，但 MixItUp-Tiles 用display: none. 将过滤器添加到视图时，图块会在过滤时显示，但不会在启动时显示。
我还尝试在 CSS 中从 Twitter Bootstrap 3 中删除浮点数，因为 MixItUp 使用的是display: inline-block.

MixItUp 调试脚本也没有显示任何错误。但是#mixitup-container会上课fail。

我在 JS 方面不够先进，无法充分发挥作用。

我有两个带有选项的选择字段：

过滤项目所在的容器看起来有点像这样：

我可以让每一个都正确过滤但不能一起过滤（即AND）。我使用的 JS 代码是这样的：

如果我按一个选择进行过滤，则事情会正确过滤。如果我然后按另一个过滤，它会覆盖第一个过滤器。我想要的是让它们都被使用。

我知道有一种方法可以让它工作，但我不确定如何让连接的字符串执行“和”逻辑，如使用<select>. 帮助？

我正在尝试在 ng-select 中的值之前添加一个字符串？

我正在使用 mixItup 插件，并希望在下拉列表中有过滤器值，但 mixitup 需要“。” 在期权价值中。

这就是我现在得到的：

这就是我所要求的：

我的代码：

这甚至可能吗？

我需要根据 Dropbox 的选择过滤 MixItUp。我有一个物理按钮在工作，但是当我尝试将其更改为选择框时，我的代码失败了。

这是一个正确触发 MixItUp 过滤器的功能按钮：

该函数在更改时触发，但未应用过滤器。（我有一个触发的自定义函数，所以我知道调用正在工作）。

我的代码基于这个 codepen：http ://codepen.io/patrickkunka/pen/btCim

这是更改的JS：

在上面的 JS 中 this.value 是 plan_id 。我必须在上面的代码中添加 '.'+this.value ，以便其他函数可以在干净的计划 ID 上工作。我已经测试了这段代码并且该部分有效，所以我知道这不是问题。

这是选择（php）的代码：

谁能告诉我我错过了什么？按钮有效，选择无效。

我正在尝试将 MixItUp 与 AngularJS 一起使用，它可以与按钮一起使用，但是当尝试将它与下拉菜单一起使用时，它不会。

http://jsfiddle.net/dp31o591/2/

这是为了野生动物园。

这是我的测试网站：“ http://warmfarewells.org/plumber/ ”我在 Chrome 中也遇到了这个问题，但是我使用了这段代码和空白，因为它消失了。现在唯一的问题是它在 safari 中仍然可见。

我已经尝试了我能想到的一切，但似乎没有任何效果。

PS：我正在为画廊使用 Mixit javascript，当我删除它时，画廊和空白都消失了。但我想保留画廊，并想摆脱空白。谢谢

我正在使用 jQuery 插件 MixItUp 来获得可过滤的产品网格。

我知道有我想做的回调函数，但我不知道如何使用它。

代码如下所示：

这是js：

我想要实现的是在单击with#description-category-1时显示它，并且在选择另一个过滤器时再次隐藏它。.filterdata-filter=".category-1"

你如何在 MixItUp 中获得选定的过滤器？以及如何构造一个执行上述操作的回调函数？

我设法将 jQuery MixItUp 集成到我的 AngularJs 应用程序中。

应该使用 MixItUp 显示的项目是从自定义服务加载的。获取所有项目后，我会触发 jQuery MixItUp 的实例化。

我也在使用 AngularJS NgRoute 来实现不同的页面。
当我第一次访问使用 jQuery MixItUp 的页面时，一切都很好。但是当我然后转到另一个页面并使用 jQuery MixItUp 返回页面时，过滤器和排序不再起作用。

我像这样设置我的路线：

在我的自定义指令中，我使用一些选项初始化 jQuery MixItUp，并在初始化后修复排序。console.log每次我访问或重新访问页面时都会登录到控制台。但是重新访问过滤器和排序的功能被破坏了。自定义指令如下所示：

在我的 AngularJS 控制器（MediaController）中，一旦从自定义服务中获取所有项目，我就会广播事件：

视图 HTML 如下所示：

chrome 中的 Javascript 控制台在第一页加载时输出以下内容：

在第二页加载时（移动到其他页面后，无需重新加载浏览器）：

这里还有一个与此问题相关的问题：如何使用 AngularJS NgRoute 启动 MixItUp 但是这些项目不是通过自定义服务动态加载的。

当我切换过滤器“CM”时，在第 2、第 3 和第 4 行，内容在跳跃，我不知道为什么。

http://jsfiddle.net/Ly2aj687/

你能帮我解决这个问题吗？

我需要将 Angular.js 与Mixitup集成，所以我创建了这样的指令

这是我的代码的 JSFiddle：http: //jsfiddle.net/zn7t9p6L/19/

我的问题是当我尝试向绘图数组添加新元素甚至更改数组时，它不会立即反映更改，您需要进行一些过滤器（如排序）以反映更改。

此外，“实体”的观察者在开始时工作一次，当绘图数组稍后发生任何更改时不再工作（它会打印一次重新加载并且不再打印它）你可以在jsfiddle中尝试