Jquery Wheelnav 的内容过滤功能

Question

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

我做了一个 fiddle 尝试整合我正在使用的所有脚本和我需要放置的所有代码。希望我做对了。 fiddle 包含普通的文本控件和目前还不能使用的滚轮控制器。

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

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

并使用

添加排序脚本的功能

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

但说起来容易做起来难。

Answer 1

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

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

Jquery Content Filter Function on Wheelnav