WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] mootools conflict with others library (5 posts)

  1. brienne
    Member
    Posted 5 years ago #

    As many others who wanted to use this wonderful library i.e. Mootools, inluding it in wordpress was a pain as it conflict with others one.

    Check if you use the library jQuery in your header.php of your wp theme:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    then visit those pages:
    -http://code.google.com/intl/fr/apis/ajaxlibs/documentation/#AjaxLibraries)
    -http://docs.jquery.com/Using_jQuery_with_Other_Libraries

    To use your mootools library, you must for ex. insert this piece of code after jQuery and the other library have both loaded:
    <script>jQuery.noConflict();</script>

    (for me it was in the header.php page)

  2. brienne
    Member
    Posted 5 years ago #

  3. nazcar
    Member
    Posted 5 years ago #

    oh thanks.

    i tried it. still not working for me. but in some portions of my site its working. I thought its the php speedy plugin, i deactivated it but no..

    what do you think would be the other problem?

  4. brienne
    Member
    Posted 5 years ago #

    Hi,Nazcar
    Use the noscript addons for firefox then try to activate step by step all scripts (in the meantime check if mootools and the associated plug-in works for your all your site)
    To be honest, it's a bit tricky to give you THE solution because I think mootools is not a standardized tool.

    for noobslide, my configuration in the header.php of wordpress theme is (and it works):
    - just before <?php cufon('header'); ?> insert the CSS, JS code and the tiny script [window.addEvent('domready',function(){] !!!CHOOSE only one code sample and ERASE the the other's code
    -after <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> INSERT
    <script>jQuery.noConflict();</script>
    -Then your
    <div class="sample">
    <div class="mask_i">
    <div id="box_i" >
    etc...
    somewhere in your <body>

  5. brienne
    Member
    Posted 5 years ago #

    the lightbox plugin http://leandrovieira.com/projects/jquery/lightbox/#overview works fine with wordpress

Topic Closed

This topic has been closed to new replies.

About this Topic