问题标签 [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.
css - 内联包装的 div 中的段落变得垂直未对齐
我正在尝试 MixItUp jQuery 插件,但我很难让 CSS 正常工作。我有五个div
具有display: inline-block
基于百分比的宽度和固定高度的 s。每当p
元素中的文本换行以使它们具有不同的行数时,未换行的div
s 看起来比换行的要低。
在这种情况下,我认为使用 MixItUp 插件本身并不是问题,但也许是。
请参阅http://jsfiddle.net/don01001100/8p80njxa/。尝试扩大和缩小结果区域。
谢谢!
编辑:我添加了一些屏幕截图以及一些带有显示问题的基本 CSS 的静态 HTML 代码。基本上,我希望这些框始终垂直对齐,但随着内容的换行,它们会变得交错。
HTML
JavaScript
较少的
缩小页面的结果
带有基本 CSS 的静态 HTML 代码
javascript - 选项卡下的一页上的两个混合
我正在尝试将最流行的过滤器插件 MixItUp 与另一个流行的选项卡插件连接起来。当我在两个选项卡下添加两种不同的混合时会出现问题 - 第二个不会启动。我按照所有示例进行了两种混合,没有明显的原因它失败了。
这是一个更大的项目,我将作为开源发布,所以如果有人能发现一些东西,将不胜感激。
jquery - 为投资组合创建过滤部分
我正在尝试创建一个根据您选择的类别进行过滤的投资组合页面。我遇到的问题是,当我单击类别时,图像不会移动以显示需要选择的图像。
我也在使用 mixitup.min.js
我的 HTML
我的 CSS
我的JS
这是一个jsfiddle:JSFIDDLE
这可能是我没有看到的非常小的东西。我希望我能解释一切。
jquery - 使用 MixItUp 过滤动态数据
我正在尝试使用 MixItUp 过滤在 AJAX 回调方法中动态创建的数据。我有 10 个部分,每个部分都有一个或多个过滤器。我面临的问题是,当我单击一个部分的过滤器时,所有其他部分的数据都会被隐藏。当我检查 DOM 时,没有发生覆盖以显示 none 来阻止。过滤器值都是唯一的。
上面的代码是用 AJAX 回调函数编写的,click 事件触发 parseFilter 函数并达到连接,并且 outputString 仅包含正确的过滤器名称,但它仍然隐藏了所有其他让我感到困惑的部分图块。
谁能帮我。据我从谷歌搜索中了解到的,我们需要为 data-filter 设置一个值,并给出与过滤元素的类名相同的值。我也在使用 Knockout 来绑定数据
jquery - CSS/JS:带有 MixItUp.js 的奇怪动画/布局行为
我正在使用带有MixItUp.js的基于内联块的基本布局来提供过滤功能,以及column-count
用于流体/响应网格的媒体查询。我在这里设置了一个 jsfiddle 。
我的问题是,网格项目似乎在第一次加载时和被重新使用/过滤后稳定到位之前反弹了一点。(我试图在上面的动画 gif 中捕捉到这种行为。)我不确定这是否是由于响应图像适应了网格项的宽度/高度并破坏了动画,或者这只是一个问题用我的 CSS;但我注意到,如果窗口大小减少到单列(移动)布局,问题似乎根本不会发生,实际上它非常顺利——只有两列或三列有问题。我在我测试过的所有浏览器(Chrome、Firefox、Edge)中都看到了这一点。
我尝试在 MixItUp.js 中修改动画设置,但没有任何运气。我怀疑不稳定的动画是从inline-block
基于布局的,但我不知道为什么。非常感谢这里的任何帮助。
编辑:我看到动画 GIF 没有运行,哦,好吧......
javascript - Mixitup 过滤器消失并添加“失败”类
在我的 mixitup 中,我正在做一个基本的过滤器,但是当我单击一个过滤器按钮时,过滤的项目会在一秒钟后出现并消失。我可以在 firebug 中看到,它将“失败”类添加到这些项目的容器中。但我看不出这是什么错误。
在codepen中:http ://codepen.io/anon/pen/PPOgwr
这是我的过滤器按钮 HTML:
这是容器:
JS代码:
我需要你的帮助
html - 为什么 mixitup 插件不起作用?
感谢您与我分享您的时间。Mixitup 插件在我的 HTML 网站中不起作用。我在“投资组合区域”div 中使用 mixitup。谁能帮帮我吗?
我的网站链接:
http://shaylakarzon.kissr.com/mix/index.html
谢谢