问题标签 [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.

0 投票
0 回答
317 浏览

javascript - mixitup 不适用于价格滑动范围

我正在使用 jRange 滑块 jquery 插件开发 mixitup 插件,并且在没有 jRange 滑块的情况下运行良好,但是当我为手机价格包含 jrange 滑块时,它不会过滤并且不显示范围内的产品。如何过滤多个选择器。例如,当点击 iphone 产品时,它会显示所有 iphone 产品,但我也想显示价格范围内的 iphone 产品。或任何其他产品。

如何解决问题。

0 投票
1 回答
757 浏览

javascript - (mixItUp) 切换按钮没有响应

https://www.kunkalabs.com/mixitup/,我跟着介绍,更准确的说这段代码可以在这里测试。我也尝试在没有运气的情况下复制它。

尽管过滤器按钮按预期工作,但切换按钮没有响应。


链接到最小工作示例


0 投票
0 回答
806 浏览

javascript - 如何在 React js 应用程序中实现 mixitup js 库

我需要在 reactjs 应用程序中的组件中实现 mixitup js 库我该怎么做?

这是最新版本的反应

我已经安装了

在那之后我该怎么办

这是我的代码

我期待它点击其中一个控件,它会根据我点击的动画过滤项目:)

0 投票
0 回答
46 浏览

javascript - Mixitup 库 - 不要对非目标元素运行排序

我正在使用 mixItUp 库对元素进行排序和过滤。

在我的项目中,我在正在排序的目标元素之间也有非目标元素。我正在尝试仅对目标进行排序!

例如:

可能吗 ?

0 投票
0 回答
61 浏览

javascript - 如何存储从 jquery 函数中选择的值?

这是一个简单的 jQuery 过滤器。我试图允许选择多个选项,并全部过滤。相反,它通过“或”进行过滤,或者只是选择最近选择的选项。

无论哪种方式,它都不允许多选。

我错过了什么?

0 投票
1 回答
48 浏览

javascript - 侧滚动顶部的标题

在下面的页面中,我希望标题和其下方的菜单具有完整的 100% 宽度,这意味着我希望侧滚动显示在导航栏下方。

在此页面中:http ://raddar.pro/projects_7.html侧面滚动将标题及其下方的菜单按其宽度向左推,因此这不是我想要的。你能帮我修改代码,使标题和菜单保持 100% 的屏幕宽度吗?

在此页面中:http ://raddar.pro/projects_13.html我尝试了“溢出:隐藏”的主体和“溢出-y:滚动;” 对于标题下方的内容和标题下方的菜单,但它不起作用。

在下面的页面中,我设法介绍了一个侧面滚动,它显示在标题下方和标题下方的菜单: http ://raddar.pro/projects_12.html

在上面的这个页面上,我将我的内容放在了滚动部分和幻灯片(https://alvarotrigo.com/fullPage/examples/scrolling.html#firstPage)的 fullpage.js 属性中,但是我无法操作内容。也就是说,标题下方的菜单不再起作用,即它不会过滤放置在 fullpage.js 部分中的 MixItUp 内容的图像。事实上,有时它可以工作,但它是超级随机的,我觉得代码中有一些我无法发现的重叠(我觉得这是一个 javascript 问题)。如果你能帮我解决这个问题那就太好了,因为我真的很喜欢 fullpage.js 部分中的滚动图形,它类似于手机滚动,但不像标准桌面浏览器侧滚动那么宽。

下面是我取得的一些进展,但还不是很完善

选项 I: http : //raddar.pro/projects_14.html - 在这里我可以在 fullpage.js 中滚动,但是 mixitup 插件不起作用(即 mixitup 插件的菜单不会过滤图像) . 下面是我整理的代码:

选项二: http ://raddar.pro/projects_15.html - 这里 mixitup 插件可以工作,但是没有滚动,所以我看不到所有的图像。我更改了代码开头的“$”和“(”以及代码末尾的“)”:

0 投票
2 回答
512 浏览

javascript - 在初始页面加载 Mixitup 时显示过滤项目的计数

我正在使用 MixItUp 3 对项目进行排序和过滤,并希望在初始页面加载时显示每个过滤器类别中的项目数。我已经尝试过 SO 中的示例(在页面加载后初始启动时 mixitup 对可见项目进行计数),但它的 MixItUp 2 在我的情况下不起作用。

我想在每个控制过滤器中显示过滤后的项目计数,如下所示:

它应该显示在这个范围内(来自上面的例子):

到目前为止,我的 MixItUp 混音器看起来像这样:

从其他示例中我了解到我需要使用state.totalShow和从 MixItUp 文档中我看到有load功能但我没有找到满足我需求的解决方案。

0 投票
1 回答
60 浏览

javascript - Mixitup Javascript 在 Internet Explorer 中不起作用

以下有关 Mixitup.js 的代码在 Internet Explorer 中不起作用,但在所有其他浏览器中都可以正常工作。

任何人都可以帮助解决这个问题,或者可以调整在 Internet Explorer 中工作的代码吗?

0 投票
0 回答
96 浏览

javascript - 使用 mixitup 手动删除元素

我想用 mixitup 隐藏我已经过滤的 div 中的某些元素。根据 kunkalabs 文档here,我应该可以通过调用.remove()方法来做到这一点。

我在他们的一个示例上进行了尝试,但无法使其正常工作。它总是显示错误。我在这里有一个例子:https

://jsfiddle.net/gtr347mh/我直接从文档中获取了这个,所以我不知道为什么它不起作用:

它应该隐藏任何带有“tohide”类的div,但它没有。
有没有什么办法解决这一问题?

0 投票
1 回答
100 浏览

php - mixitup 动态图像的 Magnific Popup 问题

我只是在我的网站中手动设置同位素,然后我在 get_terms 和 get_ther_terms 条件的帮助下对其进行动态处理,这是完整代码

这是此代码正确提供的正常静态图像弹出窗口中的亮点

但是在动态中,此图像弹出窗口对我不起作用。最后一个静态图像作为示例,它可以完美运行,但是作为图像的行代码来自投资组合自定义帖子选项,此弹出窗口不起作用

`