Forum user: robertmglynn

I've come across the same conflict between jQuery.ui and jQuery.tools. The solution I came up with is to rename the conflicting functions.

Create a js file and include the following:

$.fn.uitabs = $.fn.tabs;
delete $.fn.tabs;

what this does is takes the tabs() function already defined by the first library included and renames it. When the second library defines the tabs() function the first is kept under it's new name (in this case "uitabs", but it can be named whatever you like).

You must include the fix js file between the script tags of the two libraries and remember that the first will be renamed. In this example I am first including the jQuery.ui library, then the fix script, then the jQuery.tools library.

You can then call:

$("#tabs").uitabs(); // $.ui.tabs
$(".tabs").tabs(); // $.tools.tabs