如何将PHP页面加载到包含js文件的元素中


How can I load a PHP page into an element with its js files included?

以下是我的操作方法:

<script>
    $(document).ready(function() {
        var HOST = "<?php Print(HOST); ?>";
        $(".icon_sisconbr-icons-pedidos").click(function() {
            $("body").load(HOST + "index.php/pedido/novo");
        });
    });
</script>

页面加载良好,但所有功能都不起作用(通过链接访问时,原始文件附带的JS文件起作用)。所有页面都有一个"头",上面有引导程序等的所有链接。我尝试在加载内容之前加载它们:

<script>
    $(document).ready(function() {
        var HOST = "<?php Print(HOST); ?>";
        $(".icon_sisconbr-icons-pedidos").click(function() {
            $("html").load("../../estrutura/head.php");
            $("body").load(HOST + "index.php/pedido/novo");
        });
    });
</script>

但它不起作用。我不明白这些包含的"时间"。我知道.load()是ajax并且异步工作,但我不明白为什么页面使用的JS文件没有被加载。

您可以尝试在第一个的"complete"回调中运行第二个.load()命令(这样它只在第一个成功加载后运行):

$(document).ready(function() {
     var HOST = "<?php Print(HOST); ?>";
     $(".icon_sisconbr-icons-pedidos").click(function() {
         $("html").load("../../estrutura/head.php", function() {
            $("body").load(HOST + "index.php/pedido/novo"); 
         });
     });
});