Das Wordpress
  1. Das Wordpress
  3. Wie fügt man post-thumbnail dynamisch mit Jquery hinzu?
Intereting Posts
Erstellen Sie in wenigen Minuten einen Klon von einer WordPress-Site zur nächsten Benutzerdefinierte Post-Typ-Taxonomie-Vorlage Wie funktioniert meine Taxonomie-URL? Front-End-Editor für ausstehenden Post (für Mitwirkende) Wie automatisiert man das Einrichten von Themen, Seiten, Widgets usw. für eine neue Site in Multi-Site? WordPress Kommentare – Teilen Sie durch Konversation wie Medium.com Wie man die Produktsortierung am unteren Rand der Seite, aber nicht an der Spitze entfernt? Eingeschränkte Registrierungen oder Entfernen der Möglichkeit, Ihr Passwort / E-Mail zu bearbeiten Soll ich wp_register_script verwenden? Automatisieren eines täglichen Bilderblogs? Zeigen Sie benutzerdefinierte Felder im vorderseitigen Benutzerprofil an WordPress-Abfrage über Kontrollkästchenformular Erkanntes Bild wird entfernt, während Post in wp-admin bearbeitet wird (clientseitig) Wie erstelle ich eine Liste der am meisten kommentierten Posts? mySQL-Abfragen werden auf der WordPress-Website zweimal ausgeführt

Wie fügt man post-thumbnail dynamisch mit Jquery hinzu?

In meiner WordPress-Website versuche ich, post_thumbnail zu div id="post-cont" dynamisch mit jquery hinzuzufügen. Nach dem erfolgreichen Hinzufügen von post_titel .

Jquery: 

  $(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="" />'); for (var i=0; i<names.length; i++) { if ($('#post-cont').find('input[name=' + names[i] + ']').length < 1) { $('#post-cont').append( '
'+post_thumb+' '+post_title+'-- REMOVE
' ); break; } } }); $('body').on('click', '.close', function() { $(this).closest('.rows').remove(); }); $('.close').click(function(){ $('#post-cont').fadeOut(); }); });

index.php 

 <?php if( have_posts() ): while( have_posts() ): the_post();  'img-responsive'));?> <button class="post-link" rel=""> ADD  endwhile; endif; wp_reset_query(); ?> 
 ......

Ich muss post_title und post_thumb mit Button class="post-link" hinzufügen.

Wie kann ich post_thumbnail dynamisch hinzufügen?

Jede Hilfe wird geschätzt

Solutions Collecting From Web of "Wie fügt man post-thumbnail dynamisch mit Jquery hinzu?"

js (Bearbeiten 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, { 'action': 'get_img_post_and_title', 'data': ajax }, function(response){ // add html if(response.success){ $('#post-cont').append("
  • ID: "+response.data.post_id+" "+response.data.post_title+"  --X
    • "); } } ); }); });

    PHP (Bearbeiten 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($return); }

    index.php 

      < ?php if( have_posts() ): while( have_posts() ): the_post();  'img-responsive'));?>  endwhile; endif; wp_reset_query(); ?> 
     ......