IEでJquery animate（）関数が機能しない

Question

JQueryで画像のズームイン/ズームアウト機能を使用しています。 Internet Explorerを除くすべてのブラウザで正常に動作します。以下はコードスニペットで、jquery-1.2.3.min.jsを使用しています。

この問題を解決するお手伝いをしていただきありがとうございます。前もって感謝します！

HTML：

<div class="mapImage"> 
    <p> 
     <a href="#" id="zoomIn" class="in">Zoom In</a> 
     <a href="#" id="zoomOut" class="out">Zoom Out</a> 
    </p> 
    <div class="photo"> 
     <img alt="photo_map" id="pathwayImage" style="width:630px;height:1176px;" src="images/pathwayimage.jpg"> 
    </div> 
</div> 

はJQuery：

$('a#zoomIn').click(function() { 
    $('#pathwayImage').animate({ 
     width:950, 
     height:1773, 
    }, 500, function() { 
    // Animation complete. 
    }); 
}); 
$('a#zoomOut').click(function() { 
    $('#pathwayImage').animate({ 
     width:630, 
     height:1176, 
    }, 500, function() { 
    // Animation complete. 
    }); 
}); 
}); 

Answer 1

$('a#zoomIn').click(function() { 
    $('#pathwayImage').animate({ 
    width:'950px', 
    height:'1773px', 
    }, 500, function() { 
    // Animation complete. 
}); 
}); 
$('a#zoomOut').click(function() { 
    $('#pathwayImage').animate({ 
    width:'630px', 
    height:'1176px', 
    }, 500, function() { 
    // Animation complete. 
    }); 
}); 
}); 

あなたはPXで文字列として新しい次元を提供する必要が含まれています。一部のブラウザはintを受け取りますが、IEは受け入れません。

Answer 2

コンマを削除すると、少なくともIE9でそのトリックが行われました。

Demo。

$('a#zoomIn').click(function() { 
    $('#pathwayImage').animate({ 
     width: 950, 
     height: 1773 
    }, 500, function() { 
     // Animation complete. 
    }); 
}); 
$('a#zoomOut').click(function() { 
    $('#pathwayImage').animate({ 
     width: 630, 
     height: 1176 
    }, 500, function() { 
     // Animation complete. 
    }); 
});​