Jquery Css函數緩慢地向div添加屬性？

Question

所以基本上我試圖在點擊另一個時縮放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");

類被應用延遲（從指定的原點縮放但需要時間）

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

        $('.box-detail').css({
            'transform-origin':         '' + xPosSTR + ' ' + yPosSTR + ' 0px',
            '-webkit-transform-origin': '' + xPosSTR + ' ' + yPosSTR + ' 0px'
        });
         setTimeout(function(){
            $(".box-detail").addClass("box-reveal-prop");
         }, 2000);

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);
}

沒有超時功能我可以實現同樣的功能，謝謝！

Answer 1

你想要綁定到transitionend

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

你可能會看到這里的js小提琴