выбор элемента сразу после добавления - JQuery

Я добавил div с id div1 и сразу, следующая строка направлена на добавление содержимого в этот 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

как IE8 и Mozilla :( – Ajay

Что происходит, когда вы удалите Левое поле:.. -203px от сНа #popup – rahul

Почему бы просто не добавить его непосредственно после создания?

$('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

Бордерр должен быть границей. –

этот рабочий :) – Ajay

Попробуйте это:

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

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

Edit: Глядя на ваш код, я считаю, что вы хотите использовать функцию 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, что мне нужно добавить That был только пример. Даже текст не работает – Ajay

Ну, есть очевидный вопрос о том, есть ли у вас код внутри обработчика события, готового к документу? –

функция, которая делает все это при вызове при загрузке тела – Ajay

$(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, чтобы получить привет в виде.

Редактировать

Изменить это из OnLoad тела в JQuery документ, готовый функции, как в приведенном выше примере.

источник

2010-01-07 09:31:18 rahul

попробовал оба, зря! – Ajay

ответ

Смежные вопросы