0

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

head部分的代码如下

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

1 回答 1

1

我认为问题是存在冲突

jQuery 定义了一个很好的解决冲突的解决方案：jQuery.noConflict。通过使用这个函数，你可以定义你自己的名字，在那里可以访问 jQuery。

var $jq = jQuery.noConflict(true);
于 2012-10-13T15:17:37.820 回答