推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 3011 天前的主题，其中的信息可能已经有所发展或是发生改变。
<div class="main">
<div class="pan" id="pan2"><img /></div>
</div>
////////////
$('.main .pan').css(
{
'-webkit-transition':'3s',
'transition':'3s',
'-webkit-transform':'rotate('+ targetDeg +'deg)',
'transform':'rotate('+ targetDeg +'deg)'
}
);
$('.main .pan').get(0).addEventListener('webKitTransitionEnd',function () {
alert(2);
})
webKitTransitionEnd 监听不到，无法触发 alert(2);，有人知道原因吗
<div class="pan" id="pan2"><img /></div>
</div>
////////////
$('.main .pan').css(
{
'-webkit-transition':'3s',
'transition':'3s',
'-webkit-transform':'rotate('+ targetDeg +'deg)',
'transform':'rotate('+ targetDeg +'deg)'
}
);
$('.main .pan').get(0).addEventListener('webKitTransitionEnd',function () {
alert(2);
})
webKitTransitionEnd 监听不到，无法触发 alert(2);，有人知道原因吗
 |
1
Biwood 2016-09-25 22:22:22 +08:00
请务必先执行绑定事件的代码，在执行事件触发的代码，谢谢
|
 |
2
YuJianrong 2016-09-25 22:54:18 +08:00
更重要的不是先写对事件名吗？
顺便我的建议是最好不要依赖 transitionEnd 这个函数。多年以前的 ios safari 有 bug 有些时候不会触发，很久没看不知道现在如何，大多数情况还不如直接用 setTImeout 。 |
 |
3
exodia 2016-09-25 23:22:22 +08:00
webKitTransitionEnd => transitionend 或 webkitTransitionEnd
|
 |
4
cyio 2016-09-25 23:27:09 +08:00
关注，试了下不行，感觉确实有坑
不必纠正书写了，真心助人者应该自己试试再回答 |
 |
5
Anshi 2016-09-26 00:53:05 +08:00
webkitTransitonEnd mozTransitonEnd MSTransitonEnd otransitionend transitionend
你感受一下。。。 safari 10.0 和 chrome53 表示最后一个生效 |
 |
6
hronro 2016-09-26 08:14:46 +08:00 via Android
addEventListener 的第三个参数你没写
|
 |
7
morethansean 2016-09-26 10:17:00 +08:00
因为你用的浏览器已经没有 webkitTransitionEnd 的支持了，请用标准的 transitionend. 当然为了兼容你可以两个都注册上。
|
Select Language