jQuery NoUiSlider不适用于Mootools

时间:2014-03-28 16:10:49

标签: jquery slider mootools conflict

我将滑块升级到版本6,滑块在鼠标按下时消失 我发现问题是Mootools但我无法找到:( 我创建了一个smiple滑块:

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

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

检查此plz:

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

1 个答案:

答案 0 :(得分:1)

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

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

  • 从MooTools中移除冲突部分 - 假设您没有 需要这个;
  • 在noUiSlider源中找到nd替换'slide'。如果你 将其更改为xSlide,例如,此示例应该消失。 如果将来更新,则必须再次执行此操作。

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

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