이제 하나의 사이트를 개선 중입니다 - http://vse-v-nas.com.ua (누군가가 더 자세히 보길 원하면 재현 단계를위한 링크). 내용의'resize'이벤트 처리기가 발생하지 않습니다.
오른쪽 열 :
// html
<td id="sidebar-right">...</td>
// css
#sidebar-right {
width: 209px;
padding: 10px;
}
즉, $ ('# 사이드 바 오른쪽') 폭() 229px 및 가 크롬에 있지만 그것은 '245px'값을 가지고이어야합니다. FF 8.0.1 및 IE 9.0.3
콘텐츠의 오른쪽 너비가 다른 이유는 FF와 IE가 크롬보다 인데, 그 이미지를 오른쪽 상단 모서리 ($ (' img.header-image '))는 Chrome에서와 같이 아래 오른쪽 열과 동일합니다.
이미지와 오른쪽 사이드 바에 동일한 너비를 설정하기 위해 태그 끝 부분 앞에 본문에 스크립트를 추가했습니다.
<script type="text/javascript" language="javascript">
$(document).ready(function() {
var $headerImage = $('img.header-image');
var $rightSidebar = $('#sidebar-right');
// in this line $rightSidebar.width() is 229px in every browser...
$rightSidebar.resize(function() {
// event handler doesn't occur after width changing in IE and FF...
alert($headerImage.width());
alert($(this).width());
});
});
</script>
이벤트 처리기가 발생하지 않지만 페이지로드 후 크기가 변경됩니다. 누구나이 문제를 해결하는 데 도움이 될 아이디어가 있습니다!
작동합니다. 정말 고마워요! –