變換圖像，然後動態旋轉問題

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中定義的類。