变换图像，然后动态旋转问题

Question

我想动态创建div图像，然后执行旋转。我写了代码，但图像翻转已完成，但无法看到3D旋转。

$(obj).css("-webkit-transform","rotateY(180deg)"); 
$(obj).css("transform","rotateY(180deg)"); 


var imgLeftPos = $(obj).position().left; 
var imgTopPos = $(obj).position().top; 

$(obj).wrap('<div class="f1_card"></div>'); 
$(obj).wrap('<div class="front face"></div>'); 
$(".f1_card").wrap('<div class="f1_container"></div>'); 
var div = $("<div class='back face'></div>"); 
$('.face').after(div); 
$('.back').css("left",imgLeftPos+"px"); 
$('.back').css("top",imgTopPos+"px"); 
var arrId = parseInt(obj.id.substr(2)); 
console.log("arrId = "+arrId) 
window.setTimeout(function() { 

    $(".back").html(imgArr[arrId]); 
},900); 

第二次点击我已经编写了代码来解开图像，翻转我可以看到3D旋转。 whtas在我的代码中的问题？

Answer 1

我认为你正在试图做错误的方式。

我会告诉你所有的CSS已经完成并测试，然后使用你的脚本来创建div，并为它指定你在CSS中定义的类。