问题标签 [mixitup]
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.
javascript - 页面加载后在初始启动时对可见项目进行混合计数
我正在玩mixitup来对项目进行排序。
按下排序或过滤按钮后，我可以计算可见的项目：
我需要什么：获取页面加载时可见项目的计数
但是 `on('mixEnd') 在页面加载时的 mixitup 初始化期间不会点燃。
怎么做？我可以使用on PageLoadsit 一些延迟，但这似乎不是一个好习惯。
任何帮助表示赞赏。
php - 替换状态中的子字符串
我使用 MixItUp (v2.1.11) 并且能够显示可以是多个过滤器的有源过滤器。我使用这个功能：
此处显示选择的任何过滤器：
我想要实现的是能够替换每个选择的过滤器的输出标题，例如可以是“.month4”或“.day3”。如果用户可以改为阅读“四月”或“星期三”，那就太好了……
javascript - MixItUp Chrome 错误 - 过渡期间元素飞来飞去
我是这里的超级新手，非常感谢我能得到的任何帮助。
我正在使用 MixItUp 插件来创建画廊。我已经用一些占位符设置了它，并且过滤器可以在 Firefox 上正常工作。然而，在 chrome 上，这些项目似乎在过渡期间四处飞来飞去，然后卡入到位。
这是代码笔： http ://codepen.io/nvenk/pen/Bpzqqv
HTML
CSS
JS
依赖项是 jQuery 和 mixitup.js。
我不擅长 JS，这是我第一次使用 MixItUp，所以请原谅我错过的任何明显的事情。
twitter-bootstrap - MixitUp 与 nav nav-tabs bootstrap 3 冲突
我想在我的索引页面中使用 Mixitup for Portfolio。在索引页面中，我有一个“导航导航标签”和 Mixitup 项目。当我单击导航选项卡时，混合项目隐藏。比如冲突。
我该如何解决？
javascript - 将 Angular2 与 Filter Products 动画相结合
是否可以将 Angular2 与 MixItUp 结合起来？或者，在 Angular2 中是否有任何本地解决方案可以做到这一点？
我的目的是做一个电子商务 WebApp。我想用一些动画过滤我的产品。
javascript - 无法将选择框集成到 MixItUp JS
几年前，我创建了一个将 MixItUp JS 合并到内容过滤器部分的网站。最近有人要求我将选择框集成到过滤器中，但我在让脚本同时使用输入框和选择框时遇到问题。我可以制作一个可以过滤一个或另一个的脚本，我可以制作一个可以与两个选择框一起使用的脚本，但恐怕我对 JS 还是比较陌生，我似乎无法修改脚本尊重输入框和选择框。
期望的行为是这样的，输入值将用于过滤标题（如当前所做的那样），并且选择框可用于过滤同一实例中的标签。
我使用的原始脚本是根据博客上的示例修改的，但我无法找到它的源代码，因为该地址显然已被弃用。如果有人认出它，请在下面发布来源。
我在下面的链接中发布了一些简化版本：
当前版本（工作）：https ://jsfiddle.net/ehayes/qtdj3ypq/
带有标签选择的版本（不工作）：https ://jsfiddle.net/ehayes/t5jn1bwk/
HTML：
JS：
javascript - 使用 Mixitup 为过滤的项目添加数据属性
我有一个使用Mixitup过滤内容的当前项目。我需要剩余的元素继承特定的 CSS 样式，反之亦然。似乎我可以做到这一点的唯一方法是将数据属性添加到非隐藏项上，因为 Mixitup 无法从 DOM 中删除元素。
以下是过滤后内容的示例。当从 中选择过滤器时，Mixitup 添加内联样式以隐藏元素<ul class="filter-list">：
这对 Mixitup 使用以下配置：
这按预期工作，但理想情况下我想进一步扩展它，所以我得到以下结果：
理想情况下data-order，每个剩余元素的属性都会增加 1。
这是一个正在进行原型的 Codepen：http ://codepen.io/abbasarezoo/pen/ygWayB/
任何帮助将不胜感激。
javascript - 引导模式与 mixitup 可过滤投资组合冲突
我的可过滤投资组合有问题。
Mixitup 可过滤投资组合运行良好，但是当我添加一个引导模式的链接并对其进行测试时，我投资组合中的所有图像都缩小到零并获得模式背景。但什么都没有显示。
怎么了？
这是文件夹的链接：http: //lmcdesign.dk/filterable_portfolio.zip
javascript - 使用 Mixitup.js 过滤（显示和隐藏）Bricklayer.js 项目
我正在使用 Bricklayer.js 和 Mixitup.js。两者都工作正常。我可以按类名过滤 Bricklayer 项目（基本上显示和隐藏）。但是，由于 Bricklayer 的独特工作方式，在列中，我需要 Bricklayer 重新排序（重新排序）它的布局。
这是我目前正在使用的代码：
我认为 Bricklayer 正在重绘，因为所有元素都被 CSS 隐藏了。有没有办法解决这个问题？
javascript - 将 mixitup 与 Vue.js 2.0 组件一起使用
我正在尝试在 vue.js 上使用 mixitup，但每次 mixitup 目标在容器中显示 0 个元素。（mixer.getStatu().totalShow）
这是我完整的 vue.js 组件代码
我正在使用 ajax(axios) 获取控件和容器元素。因此它们是动态创建的。
但是 mixitup 不显示容器元素和控制按钮。
mixer.destroy()我也尝试过，mixer.forceRefresh()但它不起作用。
任何想法和帮助将不胜感激。
谢谢