Jquery мобильного добавить панелей после загрузки файла, чтобы заполнить Div

Question

OK поэтому я использую $ _POST, чтобы отправить форму в JQuery мобильного и она работает так:

if($_POST['i']){?> 
    <div id="info"></div> 
    <script> 
     $("#info").load("file.php?&information=<?=$_POST['i']?>"); 
    </script> 
<?}?> 

file.php есть что-то вроде этого:

<a href="#panel1" role="button">info 1</a> 
<a href="#panel2" role="button">info 2</a> 

<div data-role="panel" id="panel1" data-display="overlay" data-position-fixed="true" class="panels"> 
    Text 1 
</div> 

<div data-role="panel" id="panel2" data-display="overlay" data-position-fixed="true" class="panels"> 
    Text 2 
</div> 

Я хочу загрузить файл.php для заполнения #info. Затем я хочу сохранить ссылки в этом div и переместить панели после нижнего колонтитула содержащейся страницы (#footer). Моя проблема заключается в том, что когда я пытаюсь добавить что-то после загрузки следующим образом:

<script> 
    $("#info").load("file.php?i=<?=$_POST['i']?>"); 
    $("#footer").after(".panels"); 
</script> 

Ничего не добавляет. Я могу добавить другие вещи после колонтитула, как:

$("#footer").after("TEST"); 

Так что я думаю, проблема в том, что что-то внутри загруженном DIV недоступно. Как мне это понять?

Answer 1

Вы могли бы попробовать это

<script> 
$("#info").load("file.php?i=<?=$_POST['i']?>", function() { 
var p = $("#info").find(".panels").detach(); 
$("#footer").after(p); 
}); 
</script>