webKitTransitionEnd监听不到

Question

            $('.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);，有人知道原因吗

Answer 1

因为压根就没有动画哪来的end，至少只看代码里的是动不起来的

Answer 2

注意事件的监听顺序以及样式的添加顺序