jQuery css（'；transform'；）返回无
我正在开发一个定制设计应用程序。由于缩放和拖动位置的原因，它有四个附加了变换属性的图像 当我尝试使用jQuery访问此属性时，前3个属性返回none，但最后一个属性显示value，尽管所有属性都有与之关联的值 如果我尝试使用2个或3个图像，那么它将只返回last的值，而我需要所有图像的值 提前感谢您对这个问题的任何帮助，因为我在过去的几天里一直在解决这个问题，但没有成功jQuery css（'；transform'；）返回无,jquery,transform,css-transforms,Jquery,Transform,Css Transforms,我正在开发一个定制设计应用程序。由于缩放和拖动位置的原因，它有四个附加了变换属性的图像 当我尝试使用jQuery访问此属性时，前3个属性返回none，但最后一个属性显示value，尽管所有属性都有与之关联的值 如果我尝试使用2个或3个图像，那么它将只返回last的值，而我需要所有图像的值 提前感谢您对这个问题的任何帮助，因为我在过去的几天里一直在解决这个问题，但没有成功 <script> function generate preview(){ var design_type=$("
<script>
function generate preview(){
var design_type=$("#block_id").val();
if((design_type=="single")||(design_type=="double")||(design_type=="three")||(design_type=="four")){
var image1=$('#design_block_'+design_type+' #droppable1 img').attr('id');
var img_src1=$('#'+image1).attr('src');
var org_img_src1=$('#'+image1+'_main_image').val();
var current_angle1=$('#'+image1+'_angle').val();
var current_effect1=$('#'+image1+'_effect').val();
var image_transform1=$('#'+image1).css('transform');
alert(image_transform1);
}
if((design_type=="double")||(design_type=="three")||(design_type=="four")){
var image2=$('#design_block_'+design_type+' #droppable2 img').attr('id');
var img_src2=$('#'+image2).attr('src');
var org_img_src2=$('#'+image2+'_main_image').val();
var current_angle2=$('#'+image2+'_angle').val();
var current_effect2=$('#'+image2+'_effect').val();
var image_transform2=$('#'+image2).css('transform');
alert(image_transform2);
}
if((design_type=="three")||(design_type=="four")){
var image3=$('#design_block_'+design_type+' #droppable3 img').attr('id');
var img_src3=$('#'+image3).attr('src');
var org_img_src3=$('#'+image3+'_main_image').val();
var current_angle3=$('#'+image3+'_angle').val();
var current_effect3=$('#'+image3+'_effect').val();
var image_transform3=$('#'+image3).css('transform');
alert(image_transform3);
}
if(design_type=="four"){
var image4=$('#design_block_'+design_type+' #droppable4 img').attr('id');
var img_src4=$('#'+image4).attr('src');
var org_img_src4=$('#'+image4+'_main_image').val();
var current_angle4=$('#'+image4+'_angle').val();
var current_effect4=$('#'+image4+'_effect').val();
var image_transform4=$('#'+image4).css('transform');
alert(image_transform4);
}
}
</script>
<body>
<div id="design_block_four" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: inline-block; z-index: 90;">
<div style="width:49%; height:100%; float:left; border-right:2px solid #000000;position:relative;">
<div style="width:100%; height:49%; float:left; border-bottom:2px solid #000000;position:relative;">
<div style="overflow: hidden;" id="droppable1" class="drop ui-droppable"><img style="transform: matrix(1, 0, 0, 1, -100, -53); cursor: move; transition: none 0s ease 0s ;" src="user_img/22080_work.jpg" class="dropped" id="dropped_407853"></div>
</div>
<div style="width:100%; height:50%; float:left;position:relative;">
<div style="overflow: hidden;" id="droppable2" class="drop ui-droppable"><img style="transform: matrix(1, 0, 0, 1, -98, -113); cursor: move; transition: none 0s ease 0s ;" src="user_img/20540_work.jpg" class="dropped" id="dropped_29179"></div>
</div></div>
<div style="width:50%; height:100%; float:right;position:relative;">
<div style="width:100%; height:49%; float:left; border-bottom:2px solid #000000;position:relative;">
<div style="overflow: hidden;" id="droppable3" class="drop ui-droppable"><img style="transform: matrix(1, 0, 0, 1, -73, -133); cursor: move; transition: none 0s ease 0s ;" src="user_img/11241_work.jpg" class="dropped" id="dropped_544668"></div>
</div>
<div style="width:100%; height:50%; float:left;position:relative;"><div style="overflow: hidden;" id="droppable4" class="drop ui-droppable"><img style="transform: matrix(1, 0, 0, 1, -114, -115); cursor: move; transition: none 0s ease 0s ;" src="user_img/11070_work.jpg" class="dropped" id="dropped_542637"></div></div></div>
</div></body>
函数生成预览（）{
var design_type=$（“#block_id”）.val（）；
如果（（设计类型==“单”）（设计类型==“双”）（设计类型==“三”）（设计类型==“四”））{
var image1=$（“#design_block"+design_type+”#droppable1 img'）。attr（'id'）；
var img_src1=$（'#'+image1）.attr（'src'）；
var org_img_src1=$（“#”+image1+“_main_image”）.val（）；
var current_angle 1=$（'#'+image1+'_angle'）.val（）；
var current_effect1=$（“#”+image1+“_effect1”）.val（）；
var image_transform1=$（'#'+image1）.css（'transform'）；
警报（图像1）；
}
如果（（设计类型==“双”）| |（设计类型==“三”）| |（设计类型==“四”））{
var image2=$（“#设计(块)”+设计(类型+“#可拖放2 img”）.attr（'id'）；
var img_src2=$（'#'+image2）.attr（'src'）；
var org_img_src2=$（“#”+image2+“_main_image”）.val（）；
var current_angle 2=$（'#'+image2+'_angle'）.val（）；
var current_effect2=$（“#”+image2+“_effect2”）.val（）；
var image_transform2=$（'#'+image2）.css（'transform'）；
警报（图2）；
}
如果（（设计类型==“三”）| |（设计类型==“四”））{
var image3=$（“#设计(块)”+设计(类型+“#可拖放3 img”）.attr（'id'）；
var img_src3=$（'#'+image3）.attr（'src'）；
var org_img_src3=$（“#”+image3+“_main_image”）.val（）；
var当前角度3=$（“#”+image3+“#角度”）.val（）；
var current_effect3=$（“#”+image3+“_effect3”）.val（）；
var image_transform3=$（'#'+image3）.css（'transform'）；
警报（图3）；
}
如果（设计类型=“四”）{
var image4=$（“#design_block"+design_type+”#droppable4 img'）。attr（'id'）；
var img_src4=$（'#'+image4）.attr（'src'）；
var org_img_src4=$（“#”+image4+“_main_image”）.val（）；
var current_angle 4=$（'#'+image4+'_angle'）.val（）；
var current_effect4=$（“#”+image4+“_effect4”）.val（）；
var image_transform4=$（'#'+image4）.css（'transform'）；
警报（图4）；
}
}
getComputedStyle($('[element selector]'))['-webkit-transform'];
在我的例子中，这是因为它被视为一个样式属性，所以
$（选择器）.attr（'style'）仍在试图找出这不被认为是计算风格的原因。D3.js具有相同的行为 尝试此操作以获取变换属性值
var image_transform2= $('#'+image2)[0].style.transform;
请向我们提供一些相关的代码示例。这也会带来同样的问题，可能是因为transform属性确实没有价值？如果您在我的原始帖子中查看上面的示例代码，您会发现transform属性有价值。您是否尝试为transform属性添加供应商前缀，正如在
-webkit transform:matrix（…）