jQuery / Mootools冲突错误

时间:2012-06-24 06:53:13

标签: javascript jquery mootools

我正在尝试使用jQuery和MooTools的基本网页。

您可以在此处查看一个有效的示例: http://jsfiddle.net/DddQA/

然而,无论何时我尝试引用MooTools,它都会使我的页面变得笨拙。

以下是我目前遇到问题的代码:

    <!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>

非常感谢您的帮助。非常感谢。

1 个答案:

答案 0 :(得分:0)