Javascript Jquery Css函数向div添加属性的速度慢吗？

因此，基本上我尝试在单击另一个div时缩放该div（从0开始），但缩放原点应该从单击发生的位置开始。当你点击一个应用程序时，苹果会做些什么（应用程序从你点击的地方打开）

问题是我成功地设置了缩放原点的属性，但当我单击div时，这没有效果！只有当我将超时函数设置为添加完全扩展它的类时，它才起作用

类似乎是在应用css之前添加的：

var xPosSTR = 30+'px';
var yPosSTR = 30+'px';

        $('.box-detail').css({
            'transform-origin':         '' + xPosSTR + ' ' + yPosSTR + ' 0px',
            '-webkit-transform-origin': '' + xPosSTR + ' ' + yPosSTR + ' 0px'
        });

        $(".box-detail").addClass("box-reveal-prop");

类应用时有延迟（从指定的原点开始缩放，但需要时间）

css：{

.box-detail {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    transition: 0.3s;
    z-index: 1000;
    transform:scale(0,0);
}

.box-reveal-prop {
    transform:scale(1,1);
}

---

我能在没有超时功能的情况下实现同样的功能吗？谢谢！

您可能希望绑定到

transitionnd

$('.box-detail')
  .bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",
        function(){  
          $(".box-detail").addClass("box-reveal-prop"); 
 });

你可以看到js小提琴

$('.box-detail')
  .bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",
        function(){  
          $(".box-detail").addClass("box-reveal-prop"); 
 });