0

我有一个相对定位的 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 更改顶部和左侧?

提前致谢。

4

1 回答 1

0

您似乎没有指定单位。用“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"});
于 2013-02-15T17:06:04.227 回答