附加後立即選擇一個元素 - 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

回答

相關問題