Asp.Net + JQuery - 在函数中设置CSS.Ready

我需要在下面的ready函数中设置CSS值。Asp.Net + JQuery - 在函数中设置CSS.Ready

$(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处。有人能解释为什么这不起作用吗？

样本：https://skydrive.live.com/redir.aspx?cid=d7fc3da7fdbc700d&resid=D7FC3DA7FDBC700D!302&parid=D7FC3DA7FDBC700D!301

来源

2012-05-15 Berry

如果你是硬编码的左侧和顶部的风格，又何尝不是他们在你的样式表添加到.box的风格像这样

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

否则CSS功能应如下所示：

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

here is a jsfiddle.net example

来源

2012-05-15 17:46:30

https://skydrive.live.com/redir.aspx?cid=d7fc3da7fdbc700d&resid=D7FC3DA7FDBC700D!302&parid=D7FC3DA7FDBC700D!301这是示例，我需要从服务器端获取x，y parms，因为在db – Berry

如果您需要从服务器获取x，y参数，请添加左边：'<%= x %> px'， top：'<%= y %> px'，....到您的aspx页面。如果您使用的是mvc和剃刀视图，则语法不同，但概念是相同的。使用您的服务器端技术从数据库中呈现您的样式表。 –

回答

相关问题