Event name collision with mootools

[ntoniazzi]

When integrating jquery+ui (in noConflict mode) with mootools (not a choice), both libraries answer to the "slide" event, and unfortunately, mootools shoots first.

• Mootools: Fx.Slide, "slide" method
• jQuery-ui: ui.slider, "slide" callback

Shouldn't namespaced events prevent this kind of collision? By adding 'ui' or 'jquery-ui' somewhere?

[kungfu71186]

anyway to fix this?

[ntoniazzi]

A workaround is to remove any previous "slide" method before calling the plugin :

jQuery('div.slider').removeAttr('slide').slider({...});

But it's only a workaround.

[amsys]

confirming this problem, the workaround resolved the issue for me, thanks

[dostrog]

Until ticket is opened, I've change name 'slide' in lib. Some details in my answer on stackoverflow:

http://stackoverflow.com/questions/4024102/jquery-ui-slider-moving-upwards-and-disappearing-in-the-div-when-used/6778076#6778076

It's work on my joomla 1.6 based site with mootools and jquery-ui enabled

[cameronbot]

The workaround in commet 3 by ntoniazzi did not work for me, however I found this answer on stackoverflow with another workaround which worked: ​http://stackoverflow.com/a/7697597

jQuery('div.slider')[0].slide = null;
jQuery('div.slider').slider({...});

[tj.vantoll]

We are planning on switching to firing "widget:event" (for example "slider.slide") to avoid naming collisions with native events.

In the meantime you can switch the prefix the slider plugin uses as a workaround - ​http://jsfiddle.net/tj_vantoll/4uXbk/.

[scottgonzalez]

I'm not sure what Mootools is doing, or if this is still a problem, but I'm guessing that this falls into the Object.prototype-ish bucket.