Jquery 如何在创建DIV后将其放置在DOM ready上
我正试图创建一个页面,在这个页面上,我可以在运行时完全按照本文中的解释附加便笺 我已经在ASP.NETMVC2(我正在使用的技术)中转换了这个示例,一切正常 所以我有一个意见分歧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> 我面临的唯一问题是
<!-- 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>