Question

我试图在同一页面上使用2个jQuery对象，但是，我似乎无法让它们同时工作，如果我玩代码我可以得到一个或另一个工作，但不是在同一时间。我对这些东西很陌生，所以非常感谢你对此的帮助。

头部的代码如下

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js">
</script>


    <script src="jquery.easing.1.3.js" type="text/javascript"></script>  
  <script type="text/javascript">
        $(document).ready(function() { 

            $curtainopen = false;

            $(".rope").click(function(){
                $(this).blur();
                if ($curtainopen == false){ 
                    $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                    $(".leftcurtain").stop().animate({width:'60px'}, 2000 );
                    $(".rightcurtain").stop().animate({width:'60px'},2000 );
                    $curtainopen = true;
                }else{
                    $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                    $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
                    $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
                    $curtainopen = false;
                }
                return false;
            });

        }); 
    </script>

Answer 1

我认为问题在于存在冲突

jQuery为解决冲突定义了一个很好的解决方案：jQuery.noConflict。通过使用此函数，您可以定义自己的名称，可以访问jQuery。

var $jq = jQuery.noConflict(true);

在同一页面上运行2个jQuery

1 个答案: