jQuery Tools tabs conflicts with jQuery UI tabs

[jankus]

If you include both, one of them won't work. Currently found bug when using SimpleSlideshow plugin. Plugin works but inline management crashes.

Some kind of solution: http://stackoverflow.com/questions/4599916/jquery-tools-tabs-conflicts-with-jquery-ui

[jankus]

And yet official jQuery Tools response (nothing happy) - jquerytools/jquerytools#831

[jankus]

For the Simple Slideshow here's a quick fix.

In system.php file find this line:

        $site->addJavascript(BASE_URL.LIBRARY_DIR.'js/jquery-tools/jquery.tools.ui.tabs.js', 2);

And add these lines below:

        // solving $.tabs namespace issue: https://github.com/jquerytools/jquerytools/issues/831
        $site->removeJavascript(BASE_URL.LIBRARY_DIR.'js/jquery-ui/jquery-ui.js'); // removing original jquery-ui 
        $site->addJavascriptContent('changing-tabs-namespace','jQuery.fn.jtTabs = jQuery.fn.tabs;', 2); // changing namespace
        $site->addJavascript(BASE_URL.LIBRARY_DIR.'js/jquery-ui/jquery-ui.js', 3); // adding jquery-ui back again

Then in slideshow.js file find this line:

    $(".ipPluginSimpleSlideshowTabs").tabs(".ipPluginSimpleSlideshowImages > div", {

And change it to this:

    $(".ipPluginSimpleSlideshowTabs").jtTabs(".ipPluginSimpleSlideshowImages > div", {

All we do is renaming function name as we did in system.php file: from tabs to jtTabs (jQuery Tools tabs).

[algimantas]

SimpleSlideshowPlugin should include this workaround.

[maskas]

I think it would be better to find some new library for simpleSlideshowPlugin which doesn't conflict.

[maskas]

Fixed in SimpleSlideshow 1.03 by replacing Tools tabs to Cycle tabs library. Also configuration options have been added. http://www.impresspages.org/extensions/plugins-2.x/simple-slideshow/