Question

我有一个相对定位的div来显示轮廓图标，图像将显示在这个div中。图像是绝对定位的。顶部和左边确定应该显示哪个部分。显示效果很好但问题是顶部和编辑图标后使用ajax时左边没有变化。编辑包括增加尺寸，改变背景等。有一个编辑图标的选项，用户可以选择要显示的部分，编辑图标后我已经存储了宽度，高度，背景，顶部，在数据库中左侧，这将是图标的属性。通过使用ajax我从数据库中检索数据并更改宽度，高度，背景，顶部，左侧。但只有宽度，高度和背景才会发生变化。它只会在重新加载时更改，因为我在页面加载时使用php设置属性。希望你明白！

我的jquery代码：

if(type=="picon")
        {
            $.post("changedDB.php", type, function(data, status){ 
            var spicture=data.split("|");
            $(".profile-picture").attr("src", spicture[0]);
            $(".profile-picture").css({"position":"absolute","width":""+spicture[1],"height":""+spicture[2],"background":""+spicture[3],"top":""+spicture[5],"left":""+spicture[6]});
            });
        }

来自服务器的数据

The value in data is "image url|70|50|rgba(0, 0, 0, 0)|0|-10|-5"
The format corresponds to "image url|width|height|background|show full image|top|left

但是顶部和左边保持不变，它具有我在页面加载时使用php设置的值。

如何使用jquery更改顶部和左侧？

提前致谢。

Answer 1

似乎您没有指定单位。用“px”来表达您的尺寸

将您的代码更改为：

$(".profile-picture").css({"position":"absolute","width":""+spicture[1] + "px","height":""+spicture[2] + "px","background":""+spicture[3],"top":""+spicture[5] + "px","left":""+spicture[6] + "px"});

使用jQuery重新定位绝对定位的图像

1 个答案: