古い jQuery メニューに基づいてアニメーション メニューをセットアップしようとしています。古いバージョンでは、関数は jQuery バージョンの参照リンクと共に本体に直接配置されていました。私が抱えていた問題は、ページに配置したい回転バナーとセットアップが競合することでした。
実際、現在のところ、両方を同時に実行することはできません。どちらも異なる jQuery バージョンで実行されています。
jQuery実行関数を外部ファイルに入れるのに助けがありましたが、メニューの問題は解決しませんでした。これが機能するには、jQueryのバージョンと呼び出しを本文で参照する必要があるためです。
本文に直接配置する必要のない jQuery メニューを見たことがあります。それとも彼らはしますか?以下は、ページの本文内にあるため、非常に悪い方法であることがわかっています。さらに、古いバージョンのjQueryを使用しているため、更新してより堅牢にすることを検討しています。
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
$(document).ready(function() {
$(function() {
$('#hn_menu > li').bind('mouseenter',function(){
var $elem = $(this);
$elem.find('img')
.stop(true)
.animate({
'width':'120px',
'height':'120px',
'left':'0px'
},400,'easeOutBack')
.andSelf()
.find('.hn_wrap')
blah blah blah
});
});
</body>