2011-08-07 32 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の例 –

関連する問題