Charger le contenu Wordpress post dans DIV en utilisant AJAX

j'ai posté une question il y a quelques jours sur la façon de faire défiler en Single Post dans un template Wordpress personnalisé que je suis en train de développer. Ce que j'ai besoin dans la coque de noix est de charger un seul poteau dans un DIV défini quand un lien particulier est cliqué et puis faire défiler vers le bas à cette DIV contenant le contenu nouvellement chargé. Compte tenu de la nature de contenu dynamique de Wordpress ou celle de tout autre CMS, L'URL de ce lien ne peut pas être un absolu.

Malheureusement, il n'y avait pas de réponse concrète à ce moment-là, alors j'ai décidé de fouiner un peu. Et puisque le principal problème était de charger le contenu de manière dynamique, je décide de zoomer sur comment je peux le faire avec AJAX sur Wordpress:

Jusqu'à présent, j'ai eu une petite idée d'un grand post ( chargement des postes WordPress avec Ajax et jQuery ) par Emanuele Feronato. Il stocke essentiellement le post ID dans l'attribut rel du cliquable lien et ensuite l'appelle. Eh bien, il y a quelques autres étapes pour faire ce travail, mais la raison pour laquelle je ne parle que de l'ID de poste en ce moment est parce qu'il semble que c'est la seule partie de l'équation qui n'est pas correcte; L'ID de poste charge dans l'attribut rel du lien mais ne parvient pas à charger dans le .la fonction de charge.

Juste pour vous donner une meilleure idée de ce que j'ai obtenu dans mon balisage jusqu'à présent:

THE AJAX/JQUERY IN HEADER.PHP

$(document).ready(function(){

    $.ajaxSetup({cache:false});
    $(".trick").click(function(){
        var post_id = $(this).attr("rel");
        $("#single-home-container").html("loading...");
        $("#single-home-container").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/single-home/",{id:post_id});
    return false;
    });

});

INDEX.PHP

<?php get_header();?>

<!--home-->
<div id="home">

<!--home-bg-->
<img class="home-bg" src="<?php bloginfo('template_url');?>/images/home-bg.jpg" />
<!--home-bg-->

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <a class="trick" rel="<?php the_ID(); ?>" href="<?php the_permalink();?>">

        <div class="box element col<?php echo rand(2,4); ?>" id="<?php $category = get_the_category(); echo $category[0]->cat_name; ?>">               

            <?php the_post_thumbnail(); ?>

            <span class="title"><?php the_title(); ?></span>    

            <span class="ex"><?php the_excerpt(); ?></span>

        </div>

    </a>

    <?php endwhile; endif; ?>

</div>
<!--home-->

<div id="single-home-container"></div>

SINGLE-HOME.PHP (THIS IS A CUSTOM TEMPLATE)

<?php

    /*
    Template Name: single-home
    */

?>    

<?php

    $post = get_post($_POST['id']);

?>

    <!--single-home-->
    <div id="single-home post-<?php the_ID(); ?>">

    <!--single-home-bg-->
    <div class="single-home-bg">

    </div>
    <!--single-home-bg-->

    <?php while (have_posts()) : the_post(); ?>

        <!--sh-image-->
        <div class="sh-image">

            <?php the_post_thumbnail(); ?>

        </div>
        <!--sh-image-->

        <!--sh-post-->
        <div class="sh-post">

            <!--sh-cat-date-->
            <div class="sh-cat-date">

                <?php

                    $category = get_the_category(); 
                    echo $category[0]->cat_name;

                ?>

                - <?php the_time('l, F jS, Y') ?>

            </div>
            <!--sh-cat-date-->

            <!--sh-title-->
            <div class="sh-title">

                <?php the_title();?>

            </div>
            <!--sh-title-->

            <!--sh-excerpt-->
            <div class="sh-excerpt">

                <?php the_excerpt();?>

            </div>
            <!--sh-excerpt-->

            <!--sh-content-->
            <div class="sh-content">

                <?php the_content();?>

            </div>
            <!--sh-content-->

    </div>
    <!--sh-post-->        

    <?php endwhile;?>

    <div class="clearfix"></div>    

    </div>
    <!--single-home-->

juste pour info: quand l'ID du post ne s'est pas chargé, j'ai essayé d'installer ce thème Kubrick utilisé dans la démo D'Emanuele Feronato et j'ai fait les changements nécessaires selon son guide mais rien n'a fonctionné.

quelqu'un a une idée de ce qui va sur ou s'il y a une autre façon de charger dynamiquement le post ID dans le .fonction de chargement?