jQuery, IE & Animate

Question

J'ai travaillé sur un site Web très gourmand en Chrome et Firefox. Il est maintenant venu à l'étape où on l'ouvre dans IE et voit WTF IE fait sur le site Web.

J'ai un problème lorsque vous cliquez sur le bouton de réduction (en haut à gauche) dans l'une des fenêtres de la page. L'élément doit s'animer dans un coin et changer l'opacité, mais il change juste l'opacité et ne bouge pas. Cela fait partie d'une fonction animée incluse ci-dessous, est-ce un problème avec animer dans IE?

IE donne simplement l'erreur "Argument non valide - ligne 142 - jquery.js" (le fichier source jQuery réel) dans le débogueur.

Le site est à http://pegfm.pezcuckow.com/ et le JS est en http://pegfm.pezcuckow.com/js/main.js

La ligne IE se réfère à (142) est - selon le débogueur dans IE8

a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit; 

Cette fonction est celle qui est la être appelé lorsque le

/* Minimize Windows */ 
    function windowm(id) { 
     var left, right, top, bottom; 
     if(id == "chat") { 
      shown = chat; 
      if(chat==1) { chat = 3; } else { chat = 1; } 
     } else if(id == "rplayed") { 
      shown = rplayed; 
      if(rplayed==1) { rplayed = 3; } else { rplayed = 1; } 
     } else if(id == "info") { 
      shown = info; 
      if(info==1) { info = 3; } else { info = 1; } 
     } else if(id == "player") { 
      shown = player; 
      if(player==1) { player = 3; } else { player = 1; } 
     } 

     wid = "#" + id; 
     bid = "#b_" + id; 
     if(shown==3) { dir = "+"; opacity = 1; } else { dir = "-"; opacity = 0.1; } 
     amt = '=70%'; 
     if(id == "chat") { 
      right = dir + amt; 
      top = dir + amt; 
     } else if(id == "rplayed") { 
      left = dir + amt; 
      top = dir + amt; 
     } else if(id == "info") { 
      right = dir + amt; 
      bottom = dir + amt; 
     } else if(id == "player") { 
      left = dir + amt; 
      bottom = dir + amt; 
     } 
     $(wid).animate({ 
      opacity: opacity, 
      left: left, 
      top: top, 
      bottom: bottom, 
      right: right 
     }, 200); 
     $(bid).fadeToggle("fast"); 
    } 

    $("#info .minus").click(function(){windowm('info')}); 
    $("#chat .minus").click(function(){windowm('chat')}); 
    $("#rplayed .minus").click(function(){windowm('rplayed')}); 
    $("#player .minus").click(function(){windowm('player')}); 

bouton de réduction est enfoncé (à l'intérieur d'un onReady) le CSS pour deux des fenêtres est illustré ci-dessous

.window { 
    position: absolute; 
    width: 394px; 
    height: 262px; 
    background-image:url(../images/bg_window.png); 
    z-index:3; 
    display: none; 
} 
#rplayed { 
    left: 50%; 
    top: 50%; 
    margin-left: -197px; 
    margin-top: -131px; 
    z-index: 3; 
    overflow:hidden; 
} 
#info { 
    bottom: 50%; 
    right: 50%; 
    margin-right: -197px; 
    margin-bottom: -131px; 
    z-index: 2; 
} 

Answer 1

Essayez de changer cette ligne à:

a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now||0):a.now)+a.unit; 

Answer 2

changement:

a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now=0):a.now=0)+a.unit;