ajax（wordpress）でdiv内の.phpファイルをロード

Question

私はシングルページ（この作品）でダウンロードリンクをクリックした後にボックスを表示するスクリプトを持っています。

また、特定のdivにtest.phpをロードします。しかし何らかの理由でそれはうまくいかないでしょう。 test.phpは私のテーマフォルダにあります。私がそれを私の根に広告しようとしても、うまくいきません。 jQueryのは、実行する前に、最初にロードされていることを確認し、さらに

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

：

<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

が含まれています。

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