jQuery / Mootools conflict error

Question

I'm trying to do a basic web page which uses both jQuery and MooTools.

You can see a working example here: http://jsfiddle.net/DddQA/

However, anytime I try to reference MooTools, it borks my page.

Here is my current code that I am having issues with:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 

        <head>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1rc1.min.js"></script>    
        <script type="text/javascript">
        <!-- remove this line below to make the hyperlink box work correctly -->
        jQuery.noConflict();

        //<![CDATA[ 
        $(window).load(function(){
        $(".affiliate-scheme").click(function(){
             window.location=$(this).find("a").attr("href");
             return false;
        });
        });//]]>
        </script>

        <!-- remove this line below to make the hyperlink box work correctly -->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>

        </head>

        <body id="affiliate-scheme">

            <div class="affiliate-scheme" style="background:red"> 
                 <h3>Affiliate Scheme</h3> 
                 <ul> 
                    <li><a href="/affiliate-scheme/" title="Promote with our Affiliate Scheme">Promote Us</a></li> 
                 </ul> 
            </div> 

        </body>

    </html>

Many thanks for any help here. Very much appreciated.

Answer 1

RESOLVED:

http://jsfiddle.net/DddQA/2/

jQuery / Mootools conflict error

Question

1 answers

solution1
0 ACCPTED 2012-06-24 08:46:42

jQuery / Mootools conflict error

Question

1 answers

solution1 0 ACCPTED 2012-06-24 08:46:42

solution1
0 ACCPTED 2012-06-24 08:46:42