14
WebKit에서 버그를 발견했습니다. outerWidth (true)를 포함하고 jQuery에서 outerHeight (true)로 가정합니다.WebKit (또는 jQuery)에서 버그를 발견했는데 다른 사람이 확인할 수 있습니까?
Safari와 Chrome을 제외한 모든 브라우저에서 세 번째 상자는 200입니다. Safari와 Chrome에서는 화면의 너비와 거의 같습니다. 당신은 테스트 할 수 있습니다
여기에 자신을위한 inline image not found. http://x3non.com/image/alec/147/outerWidth%20true%20fail.png
:
클릭 here 내 결과를 볼 수 그것은을 찾는 버그 아니다
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
input {
width: 50%;
height: 1em;
font-size: 1em;
}
#testBox {margin-left:100px;width:100px;}
#testBox2 {padding-left:100px;width:100px;}
#testBox3 {border-left:100px black solid;width:100px;}
</style>
<script type="text/javascript">
function init(){
$('#w1').val($('#testBox').width());
$('#ow1').val($('#testBox').outerWidth());
$('#owt1').val($('#testBox').outerWidth(true));
$('#w2').val($('#testBox2').width());
$('#ow2').val($('#testBox2').outerWidth());
$('#owt2').val($('#testBox2').outerWidth(true));
$('#w3').val($('#testBox3').width());
$('#ow3').val($('#testBox3').outerWidth());
$('#owt3').val($('#testBox3').outerWidth(true));
}
$(document).ready(function(){
init();
$(window).resize(function(){
init();
});
});
</script>
</head>
<body>
<div id="testBox">test</div>
<p>width() <input type="text" id="w1" /></p>
<p>outerWidth() <input type="text" id="ow1" /></p>
<p>outerWidth(true) <input type="text" id="owt1" /></p>
<div id="testBox2">test2</div>
<p>width() <input type="text" id="w2" /></p>
<p>outerWidth() <input type="text" id="ow2" /></p>
<p>outerWidth(true) <input type="text" id="owt2" /></p>
<div id="testBox3">test3</div>
<p>width() <input type="text" id="w3" /></p>
<p>outerWidth() <input type="text" id="ow3" /></p>
<p>outerWidth(true) <input type="text" id="owt3" /></p>
</body>
</html>
에서 testet, 그것은 크로스 브라우저 코드를 작성할 때 짜증나 정말 fricken입니다. –