Today we released MooTools 1.2.3 and MooTools More 1.2.3.1. Both of these are, for the most part, bug fix releases with a few small features included. The big change is the deprecation of $ which is now replaced by document.id. This is a big change, and I suggest that you go read up on the MooTools blog about the details. It’s important to note that it won’t affect any of your code; all of these updates include no breaking changes.

The removal of $ as a dependency means that you can use MooTools with other frameworks (like jQuery) and MooTools won’t break. But if your code still uses $ then nothing will change unless you want to use MooTools with another framework that also uses $. Then you might want to consider using document.id, too.

For plugin authors, such as myself, you should update your code to use document.id. This will ensure that if someone using your plugins is using another library that overwrites $, then your plugin will still work. Note that you can easily upgrade an existing plugin by either searching and replacing $() for document.id() (be cautious that your search doesn’t catch $$()) or you can wrap your plugin in an enclosure:

var Widget = (function($){
    return new Class({
       initialize: function(element) {
           this.element = $(element);
           //...etc
       }
    });
})(document.id)

With the Clientcide conversion, I’ve opted for the former (to replace $ with document.id). In addition to this big change, the following other changes and features are included in 2.1.0:

• Universal: replacing all $() with document.id() (see MooTools 1.2.3)
• Autocompleter: defining splitter based on separator
• Autocompleter: Fixing autocompleter for Opera
• Class.Occlude, Class.ToElement: adding a compat layer for ToElement and Occlude
• Element.Delegation: Tweaked event delegation check to not extend elements unless match is found.
• Element.Delegation: Added an over 100x faster event delegation check that walks up the DOM tree from the target checking against the selector. Also removed mouseover and mouseout logic that seemed to be unnecessary.
• FixPNG: adding alternate fixpng suggestion (in docs)
• Fupdate: adding caption option to Fupdate
• Fupdate: adding method and emulation to fupdate request
• Fupdate.Prompt: making fupdate ajax prompt work with formvalidators applied inline in the html
• MenuSlider: adding isVisible method for MenuSlider
• SimpleSlideShow.Carousel: fixing overflow in SimpleSlideShow.Carousel for IE6
• StickyWin: added click-out and escape options for closing stickywin
• StickyWin: adding onDestroy event to StickyWin
• StickyWin.Alert: updating reference to StickyWin.alert > StickyWin.Alert
• StickyWin.Alert, StickyWin.Confirm, StickyWin.Prompt: refactoring the stickywin alert, confirm and (new) prompt shortcuts into classes
• StickyWin.Prompt: new class!
• StickyWin.UI.Pointy: several css and code tweaks to manage IE layout issues; making background image properties in StickyWin.UI.Pointy css attributes (in a <style> tag) to avoid this crazy bug: http://davidovitz.blogspot.com/2006/09/https-bug-in-ie.html

This entry was posted on Friday, June 19th, 2009 at 2:18 pm and is filed under Code Releases. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.