IE에서 Jquery animate() 함수가 작동하지 않습니다.

JQuery에서 animate 함수를 사용하여 이미지의 확대/축소 기능을 사용하고 있습니다. Internet Explorer를 제외한 모든 브라우저에서 정상적으로 작동합니다. 아래는 코드 스 니펫이며 jquery-1.2.3.min.js를 사용하고 있습니다.IE에서 Jquery animate() 함수가 작동하지 않습니다.

이 문제를 해결하는 데 도움을 주시면 매우 감사하겠습니다. 미리 감사드립니다!

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. 
    }); 
}); 
});

당신은 PX 포함하여 문자열로 새로운 차원을 제공 할 필요가

출처

2012-03-01 Deepa Thalikar

가'높이 후 쉼표를 제거하십시오 :

여기에 작동 최종 jQuery의 1773' /'높이 : 1776'. – Purag

@purmou-nevermind, 나는 당신이 의미하는 것을 본다. 나는 잘못 읽었다. 당신 말이 맞아요, 그 쉼표는 거기에 있으면 안되지만 그들은 말할 때마다 문제가되지 않을 수도 있습니다. –

IE를 사용하는 매개 변수 목록에서 쉼표로 인해 추가적으로 문제가 발생했습니다. –

$('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. 
    }); 
}); 
});

. 일부 브라우저는 int는 허용하지만 IE는 허용하지 않습니다.

출처

2012-03-01 22:40:36

원시 번호이므로 문제가되지 않습니다. IE는 단위가 첨부되지 않은 문자열이 아닌 수를 허용합니다. – Purag

jquery 1.2.3이 예상대로 처리하지 않을 가능성이 있습니다. 그들은 1.7 이상을 입고 있습니다. 맞습니까? –

쉼표를 제거하면 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. 
    }); 
});

출처

2012-03-01 22:45:32 Purag

Kai Qing - 시간을내어 제안 해 주셔서 감사합니다. 추가 쉼표를 제거하면 IE에서도 작동합니다. 감사! –

Purmou -시의 적절한 제안에 대해 감사드립니다! 추가 쉼표를 제거하면 IE에서도 작동합니다. 감사! –

IE에서 Jquery animate() 함수가 작동하지 않습니다.

답변

관련 문제