Charger dynamiquement post avec ajax dans wordpress

Salut, je suis passé par beaucoup de tutoriels aussi des questions ici, mais les sujets ne semble vraiment pas clair.

C'est le meilleur tutoriel que j'ai pu trouver 5-conseils-pour-utilisation-ajax

J'ai mon custom post vignettes affichées dans une grille sur ma page d'index.
Je suis en train de créer un événement de clic pour charger le message lié via ajax dans une div sur la même page, au lieu d'être prises pour le poste. J'ai vu cette méthode pourra être utilisée sur de nombreux sites web, mais juste ne peux pas trouver le bon tutoriel/méthode pour le faire.

voici quelques exemples:
Révéler,conscient, garnir, yin+yang

Espère que quelqu'un peut clarifier ce que 2 semaines en bas de la ligne, je ne suis pas plus clair sur le sujet 🙁

Script que j'utilise pour l'instant:

<ul id="og-grid" class="og-grid">
            <?php query_posts( array( 'post_type' => array('portfolio') ));?><?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <li><a class="ajax-click" href="#" ><?php the_post_thumbnail('thumbnail', array('class' => 'thumb', 'alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'')); ?></a></li><?php endwhile; ?><?php endif; ?>
        </ul>
    </div>

index.php

.

wp_register_script( 'loadajax', get_stylesheet_directory_uri() . '/library/js/loadajax.js', array( 'grid-js' ), false , true );
wp_localize_script( 'loadgrid', 'MyAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );

Inscrire mon script et admin-ajax

add_action ( 'wp_ajax_nopriv_cmdv_load', 'cmdv_load_ajax' );
add_action('wp_ajax_cmdv_load_ajax', 'cmdv_load_ajax' );
function cmdv_load_ajax () {
$the_slug = $_POST['slug'];
$args=array(
'name' => $the_slug,
'post_type' => 'projects',
'post_status' => 'publish',
'showposts' => 1,
);
$my_posts = get_posts($args);
if( $my_posts ) :
global $post;
$post = $my_posts[0];       
//generate the response
$response = json_encode( "Success" );
//response output
header( "Content-Type: application/json" );     
?>
<div id="ajax-project-<?php the_ID(); ?>" <?php post_class('project main ajax clearfix'); ?> >
<div class="projectHeader">
<h1><?php the_title(); ?></h1>
<div class="projectNav clearfix">                   
<?php
$prev_post = get_previous_post();
if($prev_post) $prev_slug = $prev_post->post_name;
$next_post = get_next_post();
if($next_post) $next_slug = $next_post->post_name;
?>                  
<div class="next <?php if(!$next_slug) echo 'inactive';?>"> 
<?php if(isset($next_slug)) : ?>
<a href="#<?php echo $next_slug;?>" onClick="nextPrevProject('<?php echo $next_slug;?>');">Next</a>
<?php endif; ?>
</div>
<div class="previous <?php if(!$prev_slug) echo 'inactive';?>"> 
<?php if(isset($prev_slug)) : ?>
<a href="#<?php echo $prev_slug;?>" onClick="nextPrevProject('<?php echo $prev_slug;?>');">Previous</a>
<?php endif; ?>
</div>  
<div class="closeBtn">  
<a href="#index">Close Project</a>
</div>              
</div> 
</div>
<div class="entry">
<?php the_content(); ?>
</div>
</div>
<?php endif; ?>
<?php die();?>
<?php } ?>

function.php

Le jquery est là que j'ai vraiment du mal c'est donc là que j'ai besoin de direction! Je suis en utilisant grille de miniatures de l'expansion de l'aperçu pour aligner les vignettes, mais l'ajout de la fonction de clic et de la réponse que j'ai juste ne peux pas fonctionné 🙁

Grâce