附加后立即选择一个元素 - jquery

我附加了一个div div id和立即，下一行的目标是追加内容到这个div。它没有选择。发生什么事了？附加后立即选择一个元素 - jquery

$('body').append("<div id ='backFade' style='background-color: Black; left: 0; top: 0; width: 100%; height: 100%;min-height: 768px; position: absolute; -moz-opacity: 0.7; filter: alpha(opacity=70);opacity: 0.7;'></div>"); 
    $('body').append("<div id='popup' style='background-color:white;display:block; border: solid 3px #A9D0F5;top: 45%;left:50%; margin-top:-75.5px; margin-left:-203px;width: 500px; height: 200px; z-index: 100; position: fixed;'></div>"); 
    $('#popup').append("hi");

“喜” 不来了:(

来源

2010-01-07 Ajay

向我们展示一些代码:-) – richsage 2010-01-07 09:16:50

双方IE8和Mozilla :( – Ajay 2010-01-07 09:25:29

什么，当你删除保证金左情况：。从DIV #popup -203px – rahul 2010-01-07 09:29:45

为什么不直接在创建后追加它？

$('body').append (
    $('<div id="popup"></div>') 
     .css ({ 
      'backgroundColor': 'white', 
      'display': 'block', 
      'borderr': 'solid 3px #a9d0f5', 
      'top': '45%', 
      'left': '50%', 
      'marginTop': '-75.5px', 
      'marginLeft': '-203px', 
      'width': '500px', 
      'height': '200px', 
      'zIndex': '100', 
      'position': 'fixed' 
     }) 
     .append("hi") 
);

来源

2010-01-07 09:44:02

borderr应该是边界。 – 2010-01-07 09:51:16

这个人的工作:) – Ajay 2010-01-07 09:52:30

试试这个：

// Create and append div1. 
var div1 = $('<div id="div1" />'); 
$('.some-element').append(div1); 

// Append contents. 
div1.append('<div id="div2" />'); 
// Etc.

编辑：看你的代码，我想你想要的是使用text功能：

$('#popup').text('hi');

编辑：好的，试试这段代码片段;它工作吗？

<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(function() 
     { 
      $('body').append("<div id ='backFade' style='background-color: Black; left: 0; top: 0; width: 100%; height: 100%;min-height: 768px; position: absolute; -moz-opacity: 0.7; filter: alpha(opacity=70);opacity: 0.7;'></div>"); 
      $('body').append("<div id='popup' style='background-color:white;display:block; border: solid 3px #A9D0F5;top: 45%;left:50%; margin-top:-75.5px; margin-left:-203px;width: 500px; height: 200px; z-index: 100; position: fixed;'></div>"); 
      $('#popup').append("hi"); 
     }); 
     </script> 
    </head> 
    <body> 
    </body> 
</html>

来源

2010-01-07 09:17:49

没有yaar，我需要的是追加一条只是一个例子，即使文本不工作 – Ajay 2010-01-07 09:26:33

那么有一个明显的问题，你是否有你的代码在一个文档就绪事件处理程序？ – 2010-01-07 09:29:08

这样做的功能，所有这些在调用onload的身体 – Ajay 2010-01-07 09:30:58

$(function(){ 
    $('body').append("<div id ='backFade' style='background-color: Black; left: 0; top: 0; width: 100%; height: 100%;min-height: 768px; position: absolute; -moz-opacity: 0.7; filter: alpha(opacity=70);opacity: 0.7;'></div>"); 
     $('body').append("<div id='popup' style='background-color:white;display:block; border: solid 3px #A9D0F5;top: 45%;left:50%; margin-top:-75.5px; margin-left:-203px;width: 500px; height: 200px; z-index: 100; position: fixed;'></div>"); 
     $('#popup').append("hi");  
});

工作正常，我。在IE浏览器中，我必须删除margin: -203px才能看到hi。从所述主体的onload到jquery的文档准备功能等上面的样品中

编辑

改变这一点。

来源

2010-01-07 09:31:18 rahul

都试过了，徒劳！ – Ajay 2010-01-07 09:35:08

回答

相关问题