Wheelnav 上的 Jquery 内容过滤功能答案

【问题标题】：Jquery Content Filter Function on WheelnavWheelnav 上的 Jquery 内容过滤功能
【发布时间】：2017-12-26 07:39:37
【问题描述】：

我有一个从右侧滑出的菜单来控制页面内容的过滤；我希望这个菜单由 Wheelnav 控制。目前，内容只是文本，但将来它将是 div 中的图像。我正在使用“wheelnav”和“mixitup”。

我做了一个尝试，试图整合我正在使用的所有脚本和我需要放置的所有代码。希望我正确地做到了这一点。小提琴包含普通的文本控件和目前还没有功能的滚轮控制器。

我的意图是采用这段代码，它描述了饼图的各个楔形，可用于分配函数，

<div class="filter" data-wheelnav-navitemtext='marda'></div>

并添加排序脚本的功能

  class="filter" data-filter=".marda"

但这似乎说起来容易做起来难。

【问题讨论】：

【解决方案1】：

您不能在 wheelnav 上使用其他 data- 属性，但您可以通过 onmouseup 事件实现您的目标。

<div data-wheelnav-navitemtext="marda" onmouseup="$('#Container').mixItUp('filter', '.marda');"></div>

【讨论】：

惊人的！想不出比这更理想的助手了。完美的解决方案。我唯一的额外（且不相关）问题是是否可以将图像或图案设置为其中一个轮式导航楔子的背景？
谢谢！不幸的是，目前不支持切片模式，但您可以在标题中使用图像。请检查：link
我修改了我之前的答案。仅通过 css 不支持图像背景。当 cssMode 为 false 时，您可以在 JavaScript 中使用它：myWheelnav.colors = ["url(pattern1.png)", "url(pattern2.png)"];