2012-03-01 5 views
1

iam noob @ jquery, и я должен загрузить div, сгенерированный php, в место, перед указанным элементом. Как я могу это сделать? , например:JQuery: загрузить и до

<div id="something_big"> 
    <div id="first"></div> 
    <div id="third"></div> 
</div> 

Приводим снаружи, между первым и третьим DIV:

<div id="second"></div> 

редактировать: я должен слить "груз" и "InsertAfter" командует каким-то образом

ти

+0

Вы пробовали что-нибудь, разместить код здесь. –

+0

как вы хотите, чтобы конечный результат выглядел? – Rafay

ответ

0

Чтобы переместить контейнер позади другого контейнера, я будет использовать функцию insertAfter(). Первым элементом является элемент, который должен быть перемещен. Второй элемент - это элемент, который должен быть выше.

$(function(){ 
    $("#second").insertAfter("#first"); 
}); 

See example @ jsfiddle

Вы хотите загрузить что-то. Например. если вы загружаете контейнер, который находится в другом файле:

$(function(){ 

    var loadedDiv = $("#randomDiv").load('ajax/test.html #container'); 
    $(loadedDiv).insertAfter("#intro"); 

}); 

Чтобы увидеть больше примеров о функции загрузки, посетите jQuery documentation for this function.

+0

jQuery ("section # content> article> header> div # intro"). InsertAfter (jQuery.load (myUrl)); Возможно что-то подобное? –

+0

Разве вы не должны делать 'insertAfter()' внутри обратного вызова '.load'? В противном случае 'loadedDiv' еще не может содержать загруженный контент. – jbyrd

0

Проверьте этот код: http://jsfiddle.net/b8mzs/1/

Вам просто нужно добавить DIV, после того, как указанный элемент

jQuery(function() { 
    jQuery.noConflict(); 
    jQuery("#first").after('<div id="second">2</div>'); 
}); 

С этим я, что задав после DIV с идентификатором «первый», JQuery следует добавить строку (которая является еще дел).

noConflict() функция просто моя привычка писать в JQuery, вы можете использовать $ знак, а вместо него (удалить jQuery.noConflict(), а затем)

1

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

$(document).ready(function() { 
    $('#second').insertAfter('#first'); 
}); 
0

Для записи, что-то чистое

$.get("your.php", function(data) { 
    $(data.trim()).insertBefore('#third'); 
}); 
Смежные вопросы