问题标签 [mixitup]

我们正在尝试通过 MixItUp v3.1.11 过滤在引导程序中显示我们的投资组合，并在页面加载时尝试加载某个类别（不是所有项目）。

Patrick Kunka 提供了一个如何在此处完成的示例。

同样的问题在这里被问到

我们的问题是推荐的灵魂不工作。我的猜测是它与由于 bootstrap + mixitup 问题导致的选择器更改有关：

控制：'[数据混合控制]'

这是页面末尾的一段代码：

当我将过滤器更改为所需的 .residential 时，它不起作用。

我也尝试添加这个：

没运气。知道问题出在哪里吗？

我有一个 JS MixItUp，我在文本框中有它，但我似乎无法让它在一个框中获得多行，垂直对齐，并留在元素内。

要垂直对齐，我需要设置行高并将垂直对齐设置为中间。

我将行高设置为框的大小（45px）。

在这个CodePen中，您可以在底部的方框中看到问题 - 字词直接开箱即用。

我还尝试遵循垂直对齐示例 CodePen，但单行将位于框的顶部。

我建立了一个画廊，利用灯箱和 mixitup 来过滤图像。

激活图像上的灯箱后，我希望滚动限制为任何活动过滤器选择。我知道这可以使用 data-lightbox 属性对图库中的图像进行分组，但是我的图库还有一个选项来查看所有图像，在这种情况下，它需要浏览所有图像，而不仅仅是一个特定的集合。

是否可以以某种方式将 data-lightbox 属性链接到 mixitup 的 data-filter 属性？

提前感谢您提供的任何帮助。

在我的主页上，我有 mixitup 使用这个：

我从他们的网站上得到了这个。它工作正常，但是当我转到另一个页面时，我在控制台中收到此错误： Uncaught Error: [MixItUp] An invalid selector or element reference was passed to the mixitup factory function它导致页面上的其他 js 中断。

我想我会试试这个，看看会发生什么：

但后来我得到了这个错误：Uncaught Error: [MixItUp] The provided selector yielded no container element。

我很困惑为什么会这样出错。

编辑 所以我能让它正常工作而没有错误的唯一方法是使用 mixitup 脚本的这一部分并有条件地使用php. 一个困扰我的 hacky 修复，但它是唯一可行的方法。

我正在为一个小项目使用 MixItUp ( https://www.kunkalalabs.com/mixitup/ ) 来过滤一些事件。

现在我想实现以下目标：当用户来自特定页面时，内容应该已经被过滤。就我而言，我有一个 HTML 选择选项字段，用户可以在其中选择特殊类型的事件。

到目前为止我做了什么：

我与设置过滤器所需的内容建立了特殊链接。例如

使用 Javascript / jQuery 我现在选择该选项。

但不知何故，当我通过 jQuery 进行选择时，MixItUp 没有过滤。只有当我单击它时，才会设置过滤器。所以现在的选择是正确的，但是 MixItUp 不会触发过滤器。

我该怎么做才能告诉 MixItUp 它应该根据所选选项开始过滤列表？

我在两个单独的 div 上的同一页面上使用 2 mixitup，但是在过滤任何 div 时，它将应用于display: none其他 mixitup div。为了更清楚，我添加了一个 codepen 链接。

访问：https ://codepen.io/hmajid/pen/NwKYer?editors=1000

任何帮助将不胜感激。

谢谢

对于无限滚动，我正在生成基于来自 mixitup 插件和数据库 API 集的过滤器的 url。

初始化无限滚动

在混合控制中，我用以下方式调用它：

我有问题，在调用 lastPageReached 之后我无法调用 loadNextPage。我不知道如何正确重置无限滚动视图，以便正确使用另一个数据列表。

这样我得到一个错误：

我在 SharePoint 页面上使用引导脚本、混合过滤和猫头鹰轮播。例如，在 owlcarousel 上显示数据，但实际的轮播功能不起作用。如果我离开页面然后返回 -1 一切正常。这是唯一有效的时间。当我刷新或重新加载时，它会恢复到原始状态。

在混合过滤中会发生类似的问题。数据最初不会像应有的那样加载。当我离开页面并返回时，它会正常加载并运行。

有任何想法吗？具有缓存和加载脚本顺序的东西？为什么回去时会起作用？

我有一个正在使用 Wocommerce 构建的 Wordpress 网站。我有很多产品显示在页面上，我添加了一些 CSS 来做一些阴影和 Reflection.js 来创建产品的反射版本（在主图像下方）。一切正常，直到我添加 MixItUp.js 作为产品的过滤器。现在，有时背景中的反射很大，有时当您将鼠标悬停在图像上（这会显示产品的第二张图像）时，也会出现很大的反射。

请看看 - http://creativegoldlondon.com/wp/signature-iphone/

任何帮助都会很棒，谢谢，詹姆斯

我目前在使用 MixItUp 3 时遇到了一些疯狂的麻烦。

我在主页和子页面上使用相同的脚本和函数。

但只有在第一个过滤过程之后才会有一个警告“警告：请求了一个操作，但 MixItUp 实例很忙。操作被拒绝，因为队列已满或队列已禁用。”。

相同的脚本也在具有相同数据的子页面上，但它工作正常。

网站：https ://www.busse-miessen.de/relaunch-2018/#anwaelte

脚本：https ://www.busse-miessen.de/relaunch-2018/wp-content/themes/busse-miessen/js/main.js

在这里您可以找到脚本中最重要的部分：

似乎“mixer.filter($filter);” (main.js #120) 无法完成，因为在第一次调用 filter() 之后，isMixing() 函数在 MixItUp 完成后也一直为“真”。

上面 console.log() 的示例输出：

请注意，这部分目前仅被注释掉以进行调试：

如果我将它与“return”一起使用，脚本也会停止工作，因为“mixer.isMixing()”在第一次调用 filter() 后一直为真。