C# Asp.Net+JQuery-在function.Ready中设置CSS

我需要在下面的ready函数中设置CSS值

   $(document).ready(function ()
   {
      $("<div id='" + 1 + "' class='box'></div>").css("left", 105).css("top",  54).appendTo("#center").draggable();
      $("<input type='text'></input>").appendTo("#" + 1);
    }

它工作正常，然后在一个可拖动的div中创建一个文本框，并将它们放在顶部：54和左侧105。现在我需要从服务器查询中获取X，Y，我已经尝试了以下方法：

    $(document).ready(function ()
    {
        $.ajax({
            type: "POST",
            url: "Default.aspx/Get",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg)
            {
                var singleControls = msg.d.split('.');

                $.each(singleControls, function (key, value)
                {
                    var singleParameters = value.split(',');

                    if (singleParameters[0] != "")
                    {
                        var ids = singleParameters[0];
                        var type = singleParameters[1];
                        var cordX = singleParameters[2];
                        var cordY = singleParameters[3];

                        var container = $("#center").position();
                        var x_Coord = cordX - container.left;
                        var y_Coord = cordY - container.top;
                        $("<div id='" + ids + "' class='box'></div>").css("left", cordX).css("top", cordY).appendTo("#center").draggable();
                        $("<input type='text'></input>").appendTo("#" + ids);
                    }
                });
            }
        });

其中Get返回X，Y，用它创建div，但它将其放置在0,0。 有人能解释一下为什么这不起作用吗

---

示例：

如果要硬编码左侧和顶部样式，那么为什么不将它们添加到样式表中的.box样式中呢

.box{
position:absolute;
left:105px;
top:54px;
}

否则，css函数应如下所示：

.css({
    position:'absolute',
     left:'105px',
    top:'54px',
    });​

---

这是示例，我需要从服务器端获取x，y参数，因为它们位于数据库中。如果需要从服务器获取x，y参数，请添加左侧：'px'，顶部：'px'，。。。。到您的aspx页面。如果您使用的是mvc和razor视图，则语法不同，但概念相同。使用服务器端技术使用数据库中的属性呈现样式表。