一部のjQueryとmootoolsが競合します
dropdownメニューのdroppy(jquery)とmootoolsを使用したカレンダーが競合してしまいます。
mootoolsのカレンダーhttp://www.electricprism.com/aeron/calendar/
とメールフォームプロ http://www.synck.com/contents/download/cgi-perl/mailformpro.html
のjqueryの組み合わせは問題ありませんでした。そこにdroppy
http://onehackoranother.com/projects/jquery/droppy/
が入ると動かなくなります。
助けて頂ければ嬉しいです。よろしくお願いいたします。
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>
補足
もしも余分な文字が入っているとしても、Javascriptに詳しくないので よくわかりません。 以前からそうなんですけど、なぜかJavascriptのコードが使用されている ブログパーツは表示されないんですよね。 もしかして、テンプレート自体がJavascriptに対応してないとか そんな感じなのでしょうか？