Question

我点击了单页中的下载链接后显示了一个框（这样可行）。

我还希望它在某个div中加载test.php。但由于某种原因它不起作用。 test.php位于我的主题文件夹中。即使我尝试将它添加到我的root中也无法正常工作。

    <script>
        $(function() {
        $("body").click(function(e) {
                if (e.target.id == "contentblock" || $(e.target).parents("#contentblock").size()) {
                    //alert("Inside div");
                    if ($(e.target).is("a")) {
                        $('#afterdownload').fadeIn('slow');
                        $('#ajax').load('test.php');
                    }
                });
            <?php ?>
        }
        }
        });
        })   
        </script>

    <div id="ajax"></div>

test.php文件包含此

    <h1>test</h1>
    <p>You downloaded Post: <?php the_ID(); ?></p>

Answer 1

你需要回应主题的完整路径：

$('#ajax').load('<?php echo get_template_directory_uri(); ?>/test.php');

此外，确保在运行之前首先加载jQuery：

document.addEventListener("DOMContentLoaded", function(event) { 
    // your code here
});

使用ajax（wordpress）在div中加载.php文件

1 个答案: