jQuery Как мне решить конфликт Jquery

Question

Я положил 2 jquery плагин вместе на веб-странице. Конфликт случается между 2 jquery. Когда я вынимаю 1 из кода плагина. Это работает. Но когда я положил в 2 вместе. только 1 из 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 и других библиотеках. В основном вы звоните noConflict() так:

 jQuery.noConflict();

, а затем во всем вашем коде jQuery используйте jQuery вместо $:

$('foo').bar();

становится

jQuery('foo').bar();