问题标签 [mixitup]

我正在尝试结合两个自定义的 MixItUp 过滤脚本。一个集成 bootstrap.datepicker 以根据日期范围进行过滤，另一个扩展框架以根据下拉框中的活动项目进行过滤。

我对传递给 mixItUp() 过滤器函数的参数有疑问。它似乎作为 [object, Object] 传递，这与工作版本一致。

Bootstrap Datepicker：我自己完成了这项工作，并且作为单个过滤器工作得很好：http: //codepen.io/EricBintner/pen/wGWgpX

-- & --

从下拉框中过滤：这个例子有很好的评论，但结构比我通常处理的更复杂：http: //codepen.io/patrickkunka/pen/Fqocw

这个下拉脚本建立在一个使用 var 的 init 函数上。

我已经让一切正常工作并成功地汇集到了 mixItUp() 函数。我将日期选择器中的事件侦听器与下拉事件侦听器放在一起。日期范围参数中的某些内容在与“self”变量一起传递时一定是不正确的。它将参数传递给 mixItUp() 函数，我让 console.log 打印出来，但是 MixItUp 不会以这种方式基于此日期范围进行过滤——而是过滤掉所有内容。

这是似乎有问题的下拉脚本的日期选择器扩展。特别是self.$show var 是传递给过滤器函数的内容，并且看起来格式不正确——也许我在太多地方粘贴了“self”：

无论如何，我认为我非常接近，所以希望这对这里的人来说很容易。

这是我创建的完整代码笔：http://codepen.io/EricBintner/pen/VaawgX （ 无法根据日期范围进行过滤）

谢谢您的帮助！！

其他资源：https ://mixitup.kunkalabs.com/support/topic/best-way-to-filter-based-on-provided-date-ranges/

我正在尝试将 MixitUp 与引导选项卡一起使用，现在我已经阅读了一些内容，但还没有解决问题。

这也不能解决问题

我已经能够用最少的代码在 codepen 中重现该问题。 http://codepen.io/anon/pen/aNWwZL

问题是在不同的选项卡中应用过滤器时，它们会停止工作。

复制：

1. 在选项卡 1 中应用过滤器
2. 在选项卡 2 中应用过滤器
3. 再次尝试在选项卡 1 中应用过滤器

在第三步，过滤器不再起作用。

几天来我一直在尝试解决这个问题，但我被卡住了。以下是一些处理选项卡之间切换的代码：

每当我找到使用 MixItUp 显示列表或网格视图的示例时，每次我看到网格视图由 4 列组成。我可以制作具有不同列数的网格列表吗？如果可以，怎么做？

我将脚本注入网页，它显示了简单的列表，我可以将其从列表视图更改为网格视图。它看起来像这样：

当我单击“NEXT”按钮时，我更改了我的角度状态，并且视图更改为另一个 HTML。在其他 HTML 文件中，我有一个按钮“BACK”，它将状态更改回此列表模板，但是在单击返回按钮后，我转到第一个模板，视图如下所示：

此外，从列表到网格的视图更改按钮不再起作用......

我不知道我是否应该在这个问题中粘贴我的代码。但这是 Angular 还是 jQuery 的问题？任何其他“检查所有”或“滚动”功能都可以正常工作

更新

我正在创建 Google Chrome 扩展程序并用于制作列表/网格视图，我正在使用 MixItUp 库

这是我的列表控制器，它控制图片中的视图：

这是具有后退按钮的 Notifycontroller：

使用此功能，我正在跳过状态：

<li>我使用 MixItUp ( https://mixitup.kunkalalabs.com/docs )对一些进行排序，但是当订单更改时 CSS 无法应用正确的 nth-of-type （按下按钮 2）。它仍然使用li.isActive:nth-of-type(3n+2)而不是li.isActive:nth-of-type(3n+1) 我尝试添加.isActive过滤元素，但它无效。有没有办法用 or 对可见元素进行排序或 nth-child刷新 nth-of-type？谢谢。

HTML

SCSS

Javascript

关于 Jsfiddle 的完整示例：https ://jsfiddle.net/0d8LgsxL/

我以前使用过显示为 html 页面的 xml 和 xslt 1.0。我使用了 W3Schools 建议的 html 请求（函数 loadXMLDoc）。

现在我想开始一个使用 xml 和 xslt 2.0 的新项目，我想仍然将结果显示为 html 页面。在 html 中显示 xslt 2.0 的最佳方式（并且尽可能简单）是什么？

我的问题的几点说明：

1) 我在更新 xml 文件时遇到了一些问题。html 页面不会立即使用 xml 文件中的新数据进行更新——即使在我刷新页面之后也是如此。

2) 我有时需要在同一张 xslt 2.0 工作表中使用来自多个 xml 文件的数据。

3) 我想将我的 xslt 2.0 工作表与 MixItUp js 脚本 ( https://mixitup.kunkalabs.com/ ) 结合起来。最后一点是最不重要的。

可以在这里看到我以前的项目，其中 xml 和 xslt 1.0 显示为 html（http://www.halfmen.dk/）。无论如何，我都不是专家 - 正如您在我描述我的问题的方式中肯定已经注意到的那样。我认为理解这些复杂信息的最佳方式是使用示例。

先感谢您。麦克劳德

我有一个显示大量列表的网格设置。在这些列表中是“高级”类别。即 - 食品清单 1、住宿清单 1、食品清单 2、优质食品清单。

基本上，目前它们是按照它们在 HTML 中设置的顺序加载的。但是我想在选择“全部”时首先列出“高级”列表，然后在选择“食物”类别时首先列出。

有人可以帮帮我吗？在这里小提琴 - https://jsfiddle.net/r1yd01fq/2/

我正在使用出色的 MixItUp jquery 作为可过滤和可排序的图库。我检查了一些示例，并修改了其中一个基本使用示例，以便它使用图像。但是，我不能让任何形式的字幕起作用。我已经尝试过并且还尝试了几个我发现的 jquery 脚本，它们拉动了 ALT 文本并用它覆盖了图像。

这是基本示例的一个分支，我刚刚在其中加载了一些图像：

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

该容器仅加载图像并为过滤器和排序分配了 Class 和 Data 标签。

有人可以演示如何获得某种形式的字幕显示吗？理想情况下在图像的底部，但即使可以获得显示在图像下方的文本也可以，只要它当然可以与相应的图像一起排序。

谢谢

我一直在关注MixItUp 网站上的文档。

我正在使用 WordPress 来帮助创建每个需要过滤的项目的类。

这位于我的 content-upcoming-games.php

这位于我的 main.js 中：

php 正在工作，当我检查代码时，它正在输出类，因为我在data-filter. 所以问题基本上是，当我点击按钮时，它没有适当地过滤内容。如需实时示例，请单击此处。

我正在使用以下过滤器对列表进行排序：

这是上述过滤器的 CSS：

第一个复选框（成员 1）的样式正确，即选中第一个选项将复选框标记为洋红色。在此示例中，标签位于标签之外。

其他 chekcbox 选项（成员 2 和成员 3）在选择它们时不会变成洋红色。两个标签都在标签内。

首选的变体是在标签内放置标签。但是，我不知道如何调整 CSS 以使其正常工作。任何人都可以提供帮助吗？（这是CopePen 上代码的链接）