Jquery Mobile для добавления панелей после загрузки файла для заполнения div
Итак, я использую $ _POST для отправки формы в jquery mobile, и это работает так:
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>
Я хочу загрузить file.php для заполнения #info. Затем я хочу сохранить ссылки в этом элементе div и переместить панели в нижний колонтитул страницы (#footer). Моя проблема в том, что когда я пытаюсь добавить что-то после загрузки, вот так:
<script>
$( "#info" ).load( "file.php?i=<?=$_POST['i']?>");
$("#footer").after(".panels");
</script>
Ничего не добавляется. Я могу добавить другие вещи после нижнего колонтитула, как:
$("#footer").after("TEST");
Поэтому я думаю, проблема в том, что что-то внутри загруженного div недоступно. Как мне это сделать?
Решение
Вы можете попробовать это
<script>
$( "#info" ).load( "file.php?i=<?=$_POST['i']?>", function() {
var p = $("#info").find( ".panels" ).detach();
$( "#footer" ).after(p);
});
</script>
Другие решения
Других решений пока нет …