Question

我在网页中放了2个jquery插件。 2 jquery之间发生冲突。当我拿出一个插件代码。这行得通。但是当我把2放在一起的时候。只有一个jquery工作得很好。

任何人都可以帮我解决这个问题吗？

 <script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<!--slide show-->
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<link rel="stylesheet" href="css/slideshow.css" type="text/css" />

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/backgroundslider.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>

<script type="text/javascript">
        window.addEvent('domready',function(){
            var obj = {
                wait: 2000, 
                effect: 'fade',
                duration: 1000, 
                loop: true, 
                thumbnails: true,
                backgroundSlider: true,
                onClick: function(i){}
            }
            show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
            show.play();
        });
</script>

<!--Contact Slide-->
<link type="text/css" href="css/reset_contact.css" rel="stylesheet" />
<link type="text/css" href="css/styles.css" rel="stylesheet" />

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

Answer 1

您似乎正在使用MooTools和jQuery：

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

我认为这两个库都使用$简写。您需要设置一个或另一个不使用$以避免代码的异花授粉。 “ 查看有关jQuery和其他库的this article。基本上你这样称呼noConflict()：

 jQuery.noConflict();

然后在所有jQuery代码中，使用jQuery代替$：

$('foo').bar();

变为

jQuery('foo').bar();

jQuery我如何解决Jquery冲突

1 个答案: