2011-08-07 69 views
0

当我添加mootools脚本时,我的页面中的幻灯片放映停止工作。如何解决这个问题?如何解决jquery和mootools 1.11之间的冲突?

<!--Script--> 
<script type='text/javascript' src="js/jquery.1.3.2.js"></script> 
<script type='text/javascript' src='js/jquery.cycle.all.min.js'></script> 
<script type='text/javascript' src='js/presentationCycle.js'></script> 

<!--mootools for dropdown--> 
<script type="text/javascript" src="js/mootools.js"></script> 
<script type="text/javascript" src="js/elSelect.js"></script> 



<script type="text/javascript"> 
<!---// 
window.addEvent('domready', function(){ 
var mySelect = new elSelect({container : 'mySelect'}); 

var mySelect2 = new elSelect({container : 'mySelect2'}); 

var mySelect3 = new elSelect({container : 'mySelect3'}); 

var mySelect4 = new elSelect({container : 'mySelect4'}); 
}); 
//--> 
</script> 
+0

为了防止使用jQuery,利用冲突' jQuery.noConflict();'。不知道这是否是问题,但它可能有帮助。 –

+1

呃,MooTools是Javascript。如果您使用图书馆,它只会导致问题。你不经意间把MooTools的代码调到哪里?什么在elSelect? – tjameson

+2

因为当“JavaScript”已成为“jquery”的另一个名称? –

回答

1

presentationCycle.js写的不好 - 它使用$来代替jQuery的(并且也是使用$通过的mootools)

你必须附上presentationCycle在:

(function($) { 
    ... 
})(jQuery); 

除了阅读:

http://api.jquery.com/jQuery.noConflict/

+0

从MooTools 1.2.4开始,不需要使用任何兼容模式。 –

+0

@Jacek_FH:对不起,您的解决方案无法正常工作。 – nahid

+0

准备jsfiddle.net示例 –

相关问题