douyi5822 2016-04-13 19:21
浏览 46
已采纳

Jquery mobile在加载文件后添加面板以填充div

OK so I am using $_POST to submit a form in jquery mobile and it works like this:

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

file.php has something like this:

<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>

I want to load file.php to fill #info. Then I want to keep the links in that div and move the panels to after the footer of the containing page (#footer). My problem is that when I try to add something after the load like this:

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

Nothing appends. I can append other things after the footer like:

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

So I guess the problem is that anything inside the loaded div is unavailable. How do I get at it?

  • 写回答

1条回答 默认 最新

  • duanpai9945 2016-04-13 19:29
    关注

    You could try this

    <script>
    $( "#info" ).load( "file.php?i=<?=$_POST['i']?>", function() {
    var p = $("#info").find( ".panels" ).detach();
    $( "#footer" ).after(p);
    });
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决