问题标签 [mixitup]

我在使用MixItUp jQuery 插件时遇到问题

当我在父级中初始化 MixItUp 容器时overflow: hidden，我在初始化和过滤时遇到动画问题。

有了这样overflow: hidden的另一种动画效果

你可以在这个小提琴上看到一个例子

当您删除overflow: hiddenjsfiddle 示例中的 时，它按预期工作。

在我的项目中，MixItUp 位于 iDangerous 刷卡器内，因此我无法删除“oveflow：隐藏”，因为它是必要的。

有没有办法用css或脚本解决这个问题？

HTML：

CSS：

Javascript：

我将Bootstrap Image Gallery插件与MixItUp过滤一起使用。图像库包含 150 多个图像，如果单击所选过滤器的缩略图以仅循环浏览该所选过滤器的图像而不是画廊中的所有图像，我想要。我试图为每个过滤器创建一个 div，但它不起作用。可能每个包含在 div 中的过滤器和一些 javascript 都可以工作，但我不知道如何。这里是一个精简示例的 HTML 和 JS 以及在线查看它的链接：

HTML

JS

任何帮助将不胜感激，

我有一个使用https://mixitup.kunkalabs.com/过滤的项目列表

例如看屏幕

然后用户选择添加另一个动作 - 这使用 fancybox 作为弹出窗口并向用户显示下一个图像：

一旦用户添加了数据，页面就会使用更新面板进行部分回发。然后代码从后面的代码调用一个 js 函数来关闭弹出窗口，然后调用 mixitup 函数来重新初始化列表，因为它现在有一个新项目，但它不起作用。

这是调用js的背后代码

这是将被调用的js：

fancybox 关闭，但 mixitup 从未被触发，因为它从未通过 docment.ready 测试，这意味着它没有加载，因此无法运行 jQuery，但我不确定为什么？

我试图让这些插件一起工作。我不确定我是否最好修改 MixItUp 以使用轮播或其他方式。

猫头鹰旋转木马 - http://owlgraphic.com/owlcarousel/

MixItUp - https://mixitup.kunkalabs.com/

http://codepen.io/anon/pen/GJqwvr

我正在使用 mixitup.js 按国家/地区过滤城市。我想按所选国家/地区隐藏和显示城市。

过滤效果很好，但是有没有办法只显示某些国家/地区的城市？这就是我正在做的事情： Codepen

我找到了这个Fiddle，但如果我有两个以上的选择框，我不知道如何使用它。例如Country > City > Province

我使用“mixitup”脚本，我想通过按下按钮来刷新/重新启动这个脚本，而不是整个页面。

那可能吗？

我的小提琴

PageSpeed Insights 说“删除渲染阻止脚本”并列出 jquery.mixitup.min.js :_( 但该脚本包含在页面底部（并已缩小），使用 MixItUp 的函数也在底部页面！我不知道我能做什么。

请问有什么建议吗？非常感谢。

我正在使用 jQuery、Modernizr 和一些插件（jQuery.dotdotdot、MixItUp）设计一个网站。作为基础，我从 codyhouse 中选择了这项工作。因此，MixItUp 功能（过滤）效果很好，我没有任何问题。

当我想<img>用 a替换原件<div>并添加一些内容时，问题就来了。文本可能会溢出，所以我添加了 jQuery.dotdotdot 插件来很好地裁剪文本。因此，我添加了我的自定义 JavaScript 代码：

我猜这很简单。当我触发菜单时，所有框都正确对齐且整齐，但是当它折叠时，那些被 jQuery.dotdotdot 修剪的文本弄乱了所有网格。如何摆脱那些？

我在下面创建了一个带有一些示例数据的片段:-)

我正在尝试使用MixItUp过滤网格项目。它说它应该很简单。为项目的类别添加类mix和另一个类，然后添加具有相同类别的按钮。

我已经这样初始化了插件：

并添加了描述的“重要”CSS：

插件初始化，CSS 应用。

但是，单击任何按钮只会导致网格项目淡出。页面上没有显示任何项目。

JSFiddle

我做错了什么？我已经完全按照文档进行了操作。

在我看来，它与任何项目都不匹配。但我无法理解，因为正如您从上面的代码中看到的那样，肯定有匹配项，因为每个项目肯定都有一个与data-filters?

我正在使用jQuery - MixItUp投资组合插件。

如何将默认选项卡内容显示为带有相关内容Icon Tab的“ ”而不是“ ”All

Tab Active 在内容没有改变的情况下工作正常......

在线演示

jQuery

HTML