jquery и mootools вместе не работают

Question

Я хочу добавить одну галерею слайдеров Mootools на мою страницу, но она не может работать с другими плагинами jQuery.Как изменить часть JavaScript?Спасибо.

<script type="text/javascript">
var $jq = jQuery.noConflict();
$jq("img").lazyload({ 
    placeholder : "img/logo.png",
    event : "click"
});
</script>
<script language="javascript" type="text/javascript">
window.addEvents({
    'domready': function(){
    /* thumbnails example , div containers */
    new SlideItMoo({
        overallContainer: 'SlideItMoo_outer',
        elementScrolled: 'SlideItMoo_inner',
        thumbsContainer: 'SlideItMoo_items',
        itemsVisible:4,
        elemsSlide:3,
        duration:300,
        itemsSelector: '.SlideItMoo_element',
        itemWidth: 158,
        showControls:1,
        startIndex:5
        });
    }
});
</script>

Answer 1

Измените код jQuery, пусть он запускается при событии ondomready, и добавьте noConfilict-ed jQuery в функцию, которую вы хотите запустить:

<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
$("img").lazyload({ 
    placeholder : "img/logo.png",
    event : "click"
});
</script>