jQuery NoUiSlider 不适用于 Mootools答案

【问题标题】：jQuery NoUiSlider doesn't work with MootoolsjQuery NoUiSlider 不适用于 Mootools
【发布时间】：2014-03-28 16:10:48
【问题描述】：

在我将滑块升级到版本 6 后，鼠标按下时滑块消失我发现问题出在 Mootools 但我找不到 :( 我创建了一个简单的滑块：

<div id='test'></div>

jQuery("#test").noUiSlider({
            range: {
                'min' : 0,
                'max' : 5000
            }
            ,step : 50
            ,start: [1000, 4000]
            ,behaviour: 'tap'
            ,connect: true
            ,direction: 'rtl'
        });

请检查这个：

http://jsfiddle.net/jixa/5cDgJ/

【问题讨论】：

这实际上很奇怪。你能不改用 Mootools 滑块吗？
不，因为我在 jquery(for v5) 中为这个滑块写了几个函数，我更喜欢使用 jQuery，我非常喜欢这个插件。
这似乎是由 mootools-more 引起的，出于某种原因。你用它做什么（-更多） - 这是你得到的所有东西的通用构建。从来没有见过这样的需求，你应该自定义你的构建。
字面上的一切。 mootools.net/more/065f2f092ece4e3b32bb5214464cf926 - 除非您实际使用它，否则请完全删除 mootools-more。您的插件很可能在 mootools 拥有它并从 -more 调用方法的某个时候执行 $()。 noUiSlider 的发布源（github 等）。
我需要mootools-更多因为一些扩展仍然需要它。

标签： jquery slider mootools conflict

【解决方案1】：

出现此问题是因为 MooTools 干扰了 jQuery 中的事件管理。这两个库都试图处理一个名为slide 的事件，不幸的是，MooTools 是第一个。您在 noUiSlider 6 而不是 5 中看到这一点的原因是因为它将事件处理从回调更改为实际事件。

有两种方法可以解决这个问题：

从 MooTools-more 中删除了冲突部分，假设您不这样做需要这个；
在 noUiSlider 源中查找并替换“幻灯片”。如果你改成xSlide，比如这个例子应该没了。如果您以后更新，则必须再次执行此操作。

为了它的价值； jQueryUI 似乎也遇到了同样的问题。也许这个错误跟踪页面可以提供一些帮助：

http://bugs.jqueryui.com/ticket/4168

【讨论】：