Jquery 移动设备在加载文件后添加面板以填充 div

Question

好的，我正在使用 $_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>

我想加载 file.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>

Jquery 移动设备在加载文件后添加面板以填充 div

Jquery mobile to add panels after loading file to populate a div

php

mobile

jquery

panel