在考虑向铬提交错误时寻找解决方法 -
如果元素具有转换,getComputedStyle则在转换结束之前不会返回您希望返回的内容.
长和短 - 如果我有一个高度为24px的元素,并且添加一个类给它一个80px的高度(转换到和来自),并且两个高度都在样式表中定义 - 如果我设置该类并检查getComputedStyle,它仍然提供非类高度,直到转换结束.
我在这里谈论的一个例子:
<html>
<head>
<style>
#foo {
display: inline-block;
background-color: red;
height: 24px;
padding: 4px 0;
width: 200px;
-webkit-transition-property: height;
-webkit-transition-timing-function: linear;
-webkit-transition-duration: 300ms;
}
#foo.changed {
height: 80px;
}
</style>
</head>
<body>
<div id="foo"></div>
<p>before: <span id="before"></span></p>
<p>after: <span id="after"></span></p>
<script type="text/javascript">
var foo
function checkFoo(e) {
foo.classList.toggle('changed');
document.getElementById('before').innerText = window.getComputedStyle(foo, null).getPropertyValue("height");
};
window.addEventListener('load', function() {
foo = document.getElementById('foo');
foo.addEventListener('webkitTransitionEnd', function(e){
document.getElementById('after').innerText = window.getComputedStyle(foo, null).getPropertyValue("height");
});
foo.addEventListener('click', checkFoo, false);
}); …是否有人能够解释为什么使用诸如此类的功能
$('#potato').delegate('.frenchFry', 'click', function(e){
// do something...
});
比...更好
$('#potato').bind('click', function(e){
if($(e.target).hasClass('frenchFry'){
// do something...
}
});
假设大量代表团处于一个非常动态且不断变化的#potato？是否有使用委托的速度优势(不是我能提出的任何测试)？