Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在创建DIV后将其放置在DOM ready上_Jquery_Asp.net - Fatal编程技术网

Jquery 如何在创建DIV后将其放置在DOM ready上

Jquery 如何在创建DIV后将其放置在DOM ready上,jquery,asp.net,Jquery,Asp.net,我正试图创建一个页面,在这个页面上,我可以在运行时完全按照本文中的解释附加便笺 我已经在ASP.NETMVC2(我正在使用的技术)中转换了这个示例,一切正常 所以我有一个意见分歧 <!-- Contains all the notes and limits their movement --> <div id="notesDesktop" style="margin: 0 auto; position:relative;"> </div> 我面临的唯一问题是

我正试图创建一个页面,在这个页面上,我可以在运行时完全按照本文中的解释附加便笺

我已经在ASP.NETMVC2(我正在使用的技术)中转换了这个示例,一切正常

所以我有一个意见分歧

<!-- Contains all the notes and limits their movement -->
<div id="notesDesktop" style="margin: 0 auto; position:relative;">
</div>
我面临的唯一问题是,当我从数据库加载notes并在“notesDesktop”中创建相关div时,它们没有正确定位。代码就是这个

<div id="notesDesktop" style="margin: 0 auto; position:relative;">
   <% List<ContactNoteModel> list = (List<ContactNoteModel>)ViewData["noteList"];
        foreach (ContactNoteModel cnm in list) { 
            string[] pos = cnm.Position.Split(new string[] {"x"}, StringSplitOptions.RemoveEmptyEntries);
    %>
    <div class="note <%=cnm.Color%>" style="left:<%=pos[0]%>;top:<%=pos[1]%>;z-index:<%=pos[2]%>;">
       <div class="body"><%=cnm.NoteText%></div>
       <div class="author"><%=HttpContext.Current.User.Identity.Name %></div>
       <span class="data"><%=cnm.ContactNoteID%></span>
    </div>
   <%  } %>
</div>

这就产生了类似这样的东西

<div class="note yellow ui-draggable" style="left:43;top:269;z-index:4;">
   <div class="body">This is a note!</div>
   <div class="author">admin</div>
    <span class="data">2</span>
</div>

这是一张纸条!
管理
2.
如您所见,创建的DIV具有绝对定位值,其CSS类声明它应该绝对定位在其容器中。不管怎样,尽管如此,他还是将位置设置为顶部=0,左侧=0:(

我怀疑发生这种情况是因为当notes DIV被手工创建时,container DIV仍然没有固定的高度和宽度(当然这将在DOM ready上设置),因此元素不能绝对定位在其中

当然,我可以更改我的视图,以便在DOM上以友好的方式创建NotesDiv,但在更改所有代码之前,我想知道是否可以使用一些代码来让他们尊重他们想要的位置

我的英语不是很好,所以我希望能把我的问题说清楚。有什么建议吗


提前感谢您的帮助

我认为您需要在像素值的末尾添加'px'。您需要传入要分配给css属性的值的单位。

我认为您需要在像素值的末尾添加'px'。您需要传入要分配给css属性的值的单位。

您已经要在注释中明确定义位置:绝对;否则它们不是绝对位置,我认为您需要在像素值的末尾添加“px”。@sled:元素通过其“注释”绝对定位CSSclass@XGreen:太好了!!!我花了15分钟写这篇文章…才发现问题是由两个字符引起的。如果你回答了这个问题,我可以把它设置为正确答案。谢谢!你必须明确地定义位置:绝对;否则它们不是绝对位置我想你需要在像素值结束。@sled:元素通过其“note”CSS绝对定位class@XGreen:太好了!!!我花了15分钟写这篇文章…才发现问题是由两个字符引起的。如果你回答了这个问题,我可以把它设置为正确答案。谢谢!
<div class="note yellow ui-draggable" style="left:43;top:269;z-index:4;">
   <div class="body">This is a note!</div>
   <div class="author">admin</div>
    <span class="data">2</span>
</div>