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>