一部のjQueryとmootoolsが競合します

dropdownメニューのdroppy(jquery)とmootoolsを使用したカレンダーが競合してしまいます。
mootoolsのカレンダーhttp://www.electricprism.com/aeron/calendar/
とメールフォームプロ　http://www.synck.com/contents/download/cgi-perl/ …
のjqueryの組み合わせは問題ありませんでした。そこにdroppy
http://onehackoranother.com/projects/jquery/drop …
が入ると動かなくなります。

助けて頂ければ嬉しいです。よろしくお願いいたします。

jQuery.noConflict();やDollar Safe Modeなどもやってみましたが、うまくいきません。どこが間違っているのでしょうか？


<script type="text/javascript">
jQuery.noConflict(); jQuery(function(){ jQuery("#nav").droppy(); });
</script>

-----------------------------
<script type="text/javascript">
$(function() {
$("#nav").droppy();
});

(function($) {
window.addEvent('domready', function() {
myCal1 = new Calendar({ date1: 'Y/m/d' }, { direction: 1, tweak: {x: 6, y: 0} });
});
}(document.id));
</script>

---元はこちら↓--------------
<script type="text/javascript" src="commons/jquery.js"></script>
<script type="text/javascript" src="js/jquery.droppy.js"></script>
<script type="text/javascript">
$(function() {
$("#nav").droppy();
});
</script>

メールフォームプロ↓
<script type="text/javascript" src="commons/mfp.lang.js" charset="UTF-8"></script>
<script type="text/javascript" src="commons/mfp.extensions.js" charset="UTF-8"></script>
<script type="text/javascript" src="commons/mailform.js" charset="UTF-8"></script>
<script type="text/javascript" src="postcodes/get.cgi?js" charset="UTF-8"></script>

カレンダー↓
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/calendar.rc4.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
myCal1 = new Calendar({ date1: 'Y/m/d' }, { direction: 1, tweak: {x: 6, y: 0} });
});
//]]>
</script>

No.1 ベストアンサー 回答者： my-- 回答日時： 2011/06/16 23:42

jquery.droppy.jsがトップレベルで$を参照してますから

これをどうにかしないと使えないです。

(function($) {

// jquery.droppy.jsのソースコードをこの中にすべて入れる

})(jQuery);

あとは通常の$衝突回避でたぶん動くと思います。

この回答へのお礼

ありがとうございました。
jquery.droppy.js　の処理をしていませんでしたので、教えて頂いた方法で動かす事ができました。
ありがとうございました。

お礼日時：2011/06/17 12:32