Вопрос: Как добавить миниатюру сообщения динамически, используя Jquery?

На моем веб-сайте WordPress я пытаюсь добавить post_thumbnail в div id = "post-cont" Динамически с jquery. После успешного добавления post_titel .

Jquery:

<script>$(function(){ $('body').on('click', '.post-link', function(){  var names = ['aa', 'ab', 'ac', 'ad'];  $('#post-cont').fadeIn();  var post_title = $(this).closest('div').find('a').text();  var rel = $(this).attr('rel');  var post_thumb = jQuery(this).append('<img src="<?php echo wp_get_attachment_image_url(get_post_thumbnail_id()); ?>" />');  for (var i=0; i<names.length; i++) {    if ($('#post-cont').find('input[name=' + names[i] + ']').length < 1) {      $('#post-cont').append( '<div class="rows"><input name="' + names[i] + '" value="'+rel+'">'+post_thumb+' '+post_title+'-- <a href="#" class="close">REMOVE</a></input></div>' );     break; }}});$('body').on('click', '.close', function() {  $(this).closest('.rows').remove();}); $('.close').click(function(){ $('#post-cont').fadeOut(); });});</script>

index.php

<?php  if( have_posts() ):              while( have_posts() ): the_post();                    <?php the_post_thumbnail ('large', array('class' => 'img-responsive'));?>   <button  class="post-link" rel="<?php the_ID(); ?>"> ADD </button>endwhile;endif; wp_reset_query();?><div id="post-cont"> ...... </div>

Мне нужно добавить оба post_title и post_thumb с кнопкой class = "post-link" .

Как я могу динамически добавлять post_thumbnail?

Любая помощь приветствуется

Ответы и комментарии:

Зачем это делать с помощью jQuery, когда WordPress может делать это с помощью PHP?
Создан 21-03-2017 05:42 Cedon

Здравствуйте @TrubinE Я пытаюсь, но не могу обработать ваш код для меня. пожалуйста, проверьте мой вопрос jquery и обновите свой jquery. это действительно будет оценено
Создан 21-03-2017 04:53 FRQ6692

я новичок в Ajax, мне сложно обновить этот код
Создан 21-03-2017 04:14 FRQ6692

Подскажите, что не работает в моем коде? Чего не хватает? Так что я могу это исправить.
Создан 21-03-2017 06:11 TrubinE

Пожалуйста, проверьте мой сайт LINK Ajax, ничего не добавляя, id = "post-cont" в боковой панели.
Создан 22-03-2017 05:15 FRQ6692

отсутствует означает что-то подобное var names = ['aa', 'ab', 'ac', 'ad']; и для (var i = 0; i
Создан 22-03-2017 05:49 FRQ6692

JS (редактировать 4)
    $ (function () {
        $ ('body'). on ('click', '.post-link', function () {
        // Jquery
        var ajax = {};
        ajax.id = $ (this) .attr ('rel');
        var ajaxurl = '/wp-admin/admin-ajax.php';
        jQuery.post (
        ajaxurl,
        {
        'действие': 'get_img_post_and_title',
        'data': ajax
        },
        Функция (ответ) {
        // добавить HTML
        если (response.success) {
        $ ('# post-cont'). append (" ID:" + response.data.post_id + "" + response.data.post_title + "" + response.data.post_thumb + " - X li> ");
        }
        }
        );
    });
    });

PHP (редактировать 4)
     // php
    add_action ("wp_ajax_get_img_post_and_title", "get_img_post_and_title");
         add_action ("wp_ajax_nopriv_get_img_post_and_title", "get_img_post_and_title");
        function get_img_post_and_title () {
         $ return = array (
        'post_id' => $ _POST ['data'] ['id'],
'post_title' => get_the_title ($ _ POST ['data'] ['id']),
        'post_thumb' => wp_get_attachment_image_url (get_post_thumbnail_id ($ _ POST ['data'] ['id']))
        );
        wp_send_json_success ($ возврата);
       }

index.php
    <? PHP
 if (have_posts ()):
 while (have_posts ()): the_post ();
   <? php the_post_thumbnail ('large', array ('class' => 'img-responseive)));?>
    ДОБАВИТЬ button>
ENDWHILE;
ENDIF;
wp_reset_query ();
?>

...... div>
Создан 22-03-2017 01:14