JQuery 幻灯片和 MooTools 冲突

我遇到 motools 库与我的 jQuery 库冲突的问题：

这是代码：

<script language="Javascript" type="text/javascript" src="revamp/js/jquery-1.4.2.js"></script>
<script language="Javascript" type="text/javascript" src="revamp/js/jquery.blinds-0.9.js"></script>

<script type="text/javascript" src="js/mootools-1.2-core.js"></script> 
<script type="text/javascript" src="js/_class.viewer.js"></script> 

<script type="text/javascript">//<![CDATA[
        window.addEvent('domready',function(){
        var V5 = new viewer($('boxCont').getChildren(),{
            mode: 'alpha',
            fxOptions: {duration:500},
            interval: 6000
        });
        V5.play(true);  

        });
</script> 

<script type="text/javascript">

            $(window).load(function () {
                // start the slideshow
                $('.slideshow').blinds();
            })
</script>

如果我禁用 mootools，幻灯片就会工作（对于 jQuery 则反之亦然）。我尝试将 jQuery 包裹在 jQuery.noConflict(); 中。像这样：

<script type="text/javascript">
$.noConflict();
  jQuery(document).ready(function($) {
        $(window).load(function () {
                // start the slideshow
                $('.slideshow').blinds();
            })
});
</script>

但 mootools 依赖脚本仍然不起作用。请帮忙，因为我不太熟悉 jQuery/javascript。

Thanks!

一旦调用 jQuery.noConflict()，您就通过 jQuery 而不是 $ 来引用 jQuery。 $ 然后可以由 MooTools 或其他 JavaScript 库使用。

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {
        jQuery(window).load(function () {
                // start the slideshow
                jQuery('.slideshow').blinds();
        })
    });
</script>

如果你想给 jQuery 另一个名字，你可以执行以下操作：

<script type="text/javascript">
    var jq = jQuery.noConflict();
    jq(document).ready(function() {
        jq(window).load(function () {
                // start the slideshow
                jq('.slideshow').blinds();
        })
    });
</script>