jQuery.animate（）と（）IE7でのコールバックは、私はこのコード持っ

Question

動作しませんアニメーション：それは良い動作しますが、Firefoxでは

var items = jQuery('#main .imgteaser .txtwrap'); 

items.css("opacity","0.8"); 

items.mouseenter(function(){ 
    alert('enter'); 
    jQuery(this).animate({ 
    bottom: "0", 
    opacity: 1, 
    border: "1px solid #a6a6a6" 
    }, 500, function(){alert('enter animation ready');}); 
    jQuery(this).addClass('hover'); 
}); 

items.mouseleave(function(){ 
    alert('leave'); 
    jQuery(this).animate({ 
    bottom: "-60", 
    opacity: 0.8, 
    border: "1px solid #fff" 
    }, 500, function(){alert('leave animation ready');}); 
    jQuery(this).removeClass('hover'); 
}); 

がIE7で休暇jQueryのアニメーションが動作しないのと、コールバック関数も機能しません。

Answer 1

jQueryのは、単にIEで国境をアニメーションに失敗：http://bugs.jquery.com/ticket/5001

私はかつて、背景色をアニメーション化プラグインを見つけましたしかし、今ではプラグインを見つけることができませんでした "ボーダーのアニメーションを修正します。

一つの方法は、周りに、このプラグインを使用して、その全体のプレースホルダの背景をアニメーション1pxのパディングとプレースホルダ内の要素を配置することです：http://plugins.jquery.com/project/color

場所でプラグインを使用すると、ちょうど新しい背景を渡しいつものように.animate()を呼び出します色。

Answer 2

アニメーション配列の最後のエントリの後に,がないことを確認してください！ FFはこれを扱うことができますが、IEではできません。

例

$('#clickme').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 
    }, 5000, function() { 
    alert('finished!!!'); 
    } //      <-- NO COMMA HERE!!! 
); 
}); 

Answer 3

items.mouseenter(function(){ 
    alert('enter'); 
    jQuery(this).animate({ 
    bottom: "0", 
    opacity: 1, 
    border: "1px solid #a6a6a6" 
    }, 500, function(){alert('enter animation ready');); //<-- you are missing the closing bracket here 
    jQuery(this).addClass('hover'); 
}); 

修正：

items.mouseenter(function(){ 
    alert('enter'); 
    jQuery(this).animate({ 
    bottom: "0", 
    opacity: 1, 
    border: "1px solid #a6a6a6" 
    }, 500, function(){alert('enter animation ready');}); 
    jQuery(this).addClass('hover'); 
});