注:以下代码是个人总结,写法可能不规范。
//在点击按钮的时候触发
$("a.submit").click(function(){
//因为做的是拖拽的,要获取拖拽之后的css的几个属性,被拖拽生成的是label,所以这里获取定义一个变量获取label
var tempDiv = $("#pTemplate label");
//这里定义一个新数组,循环里的数组赋值给这个新数组
var full_array = new Array();
//for循环开始,循环出拖拽生成的label( tempDiv)的个数
for( var i = 0; i < tempDiv.length; i++){
//获取label的id
var labelIdd = tempDiv.eq(i).attr(‘id‘);
//定义循环内的数组,用于把要获取的css值传进来
var array = new Array();
//把所有label的id传进数组
array.idArr = labelIdd;
//把所有label的text传给数组
array.nameArr = tempDiv.eq(i).text();
//把所有label的css属性width传给数组
array.widthArr = tempDiv.eq(i).css(‘width‘);
//传高度
array.heightArr = tempDiv.eq(i).css(‘height‘);
//传left的值
array.leftArr = tempDiv.eq(i).offset().left;
//传top值
array.topArr = tempDiv.eq(i).offset().top;
//因为array这个数组,是每循环一次,就生成一个,所以把全部的赋值给循环外定义的full_array这个数组
full_array.push(array);
//把full_array这个数组转成json格式
JSON.stringify(full_array);
}
用ajax把full_array传给后台
$.ajax({
type: ‘POST‘,
url: "/save_style.php",
‘styleArr‘:full_array,‘styleid‘:styleid,
success: function(){},
dataType: ‘json‘
});
});