问题标签 [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 投票
1 回答
182 浏览

css - 内联包装的 div 中的段落变得垂直未对齐

我正在尝试 MixItUp jQuery 插件,但我很难让 CSS 正常工作。我有五个div具有display: inline-block基于百分比的宽度和固定高度的 s。每当p元素中的文本换行以使它们具有不同的行数时,未换行的divs 看起来比换行的要低。

在这种情况下,我认为使用 MixItUp 插件本身并不是问题,但也许是。

请参阅http://jsfiddle.net/don01001100/8p80njxa/。尝试扩大和缩小结果区域。

谢谢!

编辑:我添加了一些屏幕截图以及一些带有显示问题的基本 CSS 的静态 HTML 代码。基本上,我希望这些框始终垂直对齐,但随着内容的换行,它们会变得交错。

HTML

JavaScript

较少的

缩小页面的结果

没有换行时的外观

一行换行时的外观

在此处输入图像描述

在此处输入图像描述

带有基本 CSS 的静态 HTML 代码

0 投票
0 回答
345 浏览

javascript - 选项卡下的一页上的两个混合

我正在尝试将最流行的过滤器插件 MixItUp 与另一个流行的选项卡插件连接起来。当我在两个选项卡下添加两种不同的混合时会出现问题 - 第二个不会启动。我按照所有示例进行了两种混合,没有明显的原因它失败了。

这是一个更大的项目,我将作为开源发布,所以如果有人能发现一些东西,将不胜感激。

http://jsfiddle.net/koteva/2o2hxnwu/1/

0 投票
2 回答
908 浏览

jquery - 为投资组合创建过滤部分

我正在尝试创建一个根据您选择的类别进行过滤的投资组合页面。我遇到的问题是,当我单击类别时,图像不会移动以显示需要选择的图像。

我也在使用 mixitup.min.js

我的 HTML

我的 CSS

我的JS

这是一个jsfiddle:JSFIDDLE

这可能是我没有看到的非常小的东西。我希望我能解释一切。

0 投票
1 回答
1277 浏览

jquery - 使用 MixItUp 过滤动态数据

我正在尝试使用 MixItUp 过滤在 AJAX 回调方法中动态创建的数据。我有 10 个部分,每个部分都有一个或多个过滤器。我面临的问题是,当我单击一个部分的过滤器时,所有其他部分的数据都会被隐藏。当我检查 DOM 时,没有发生覆盖以显示 none 来阻止。过滤器值都是唯一的。

上面的代码是用 AJAX 回调函数编写的,click 事件触发 parseFilter 函数并达到连接,并且 outputString 仅包含正确的过滤器名称,但它仍然隐藏了所有其他让我感到困惑的部分图块。

谁能帮我。据我从谷歌搜索中了解到的,我们需要为 data-filter 设置一个值,并给出与过滤元素的类名相同的值。我也在使用 Knockout 来绑定数据

0 投票
1 回答
233 浏览

javascript - 混合更流畅的内容

我将 mixitup 用于可过滤的投资组合

这是演示预览 -链接

这是混合选项:

好吧,我想让内容更流畅。当图像较少时,#portfolio-container 下的所有内容都会立即被推到顶部,而没有流畅的动画。

所以我的问题是:如何让它更流畅?

这是一个示例,当网格中的图像较少时,页脚被平滑地推到顶部。

0 投票
1 回答
217 浏览

javascript - 我的 Browserify 模块之一无法识别另一个

我正在使用带有browserify的gulp并且我加载jquery得很好,但是我正在加载一个依赖于jquery并且我得到一个库Uncaught ReferenceError: jQuery is not defined

这是我的main.js文件:

奇怪的是在我的输出文件中我可以看到 jQuery 库!我错过了什么?

在此处输入图像描述

0 投票
1 回答
326 浏览

jquery - MixItUp 更改页面时隐藏元素

我使用了 mixitup。我开发了 mixitup 指令如下:

我的代码类似于这个演示

我的问题是我有很多标签,当我点击其中一个时,它会重定向到另一个页面。当我返回mixitup页面时,所有 DOM 元素都被隐藏了。

  1. 指令有什么问题?
  2. 当我在不同页面之间切换时,如何使所有 DOM 元素显示?
0 投票
0 回答
259 浏览

jquery - CSS/JS:带有 MixItUp.js 的奇怪动画/布局行为

我正在使用带有MixItUp.js的基于内联块的基本布局来提供过滤功能,以及column-count用于流体/响应网格的媒体查询。我在这里设置了一个 jsfiddle 。

在此处输入图像描述

我的问题是,网格项目似乎在第一次加载时和被重新使用/过滤后稳定到位之前反弹了一点。(我试图在上面的动画 gif 中捕捉到这种行为。)我不确定这是否是由于响应图像适应了网格项的宽度/高度并破坏了动画,或者这只是一个问题用我的 CSS;但我注意到,如果窗口大小减少到单列(移动)布局,问题似乎根本不会发生,实际上它非常顺利——只有两列或三列有问题。我在我测试过的所有浏览器(Chrome、Firefox、Edge)中都看到了这一点。

我尝试在 MixItUp.js 中修改动画设置,但没有任何运气。我怀疑不稳定的动画是从inline-block基于布局的,但我不知道为什么。非常感谢这里的任何帮助。

编辑:我看到动画 GIF 没有运行,哦,好吧......

0 投票
1 回答
866 浏览

javascript - Mixitup 过滤器消失并添加“失败”类

在我的 mixitup 中,我正在做一个基本的过滤器,但是当我单击一个过滤器按钮时,过滤的项目会在一秒钟后出现并消失。我可以在 firebug 中看到,它将“失败”类添加到这些项目的容器中。但我看不出这是什么错误。

在codepen中:http ://codepen.io/anon/pen/PPOgwr

这是我的过滤器按钮 HTML:

这是容器:

JS代码:

我需要你的帮助

0 投票
1 回答
72 浏览

html - 为什么 mixitup 插件不起作用?

感谢您与我分享您的时间。Mixitup 插件在我的 HTML 网站中不起作用。我在“投资组合区域”div 中使用 mixitup。谁能帮帮我吗?

我的网站链接:

http://shaylakarzon.kissr.com/mix/index.html

谢谢