获取点击帖子的特色图片url

Question

如何在模式中显示帖子的特色图片及其内容。

在一些类似问题的在线线程的帮助下，我尝试了这个：

<?php
    if ( has_post_thumbnail()) {
        echo '<a href="' . get_permalink($post->ID) . '" >';
            the_post_thumbnail('my_feature_image', array( 'class' => "someName" ));
        echo '</a>';
    }
?>

不幸的是，它为所有帖子返回了相同的特色图片。

在找到模态的同一个header.php 上，有以下内容（在模态 div 上方）：

  //on the homepage... check for the post URL...
  //do we have a custom permalink incoming....
  $perma = false; if (isset($wp_query->query_vars['phpost_slug'])) #WHFIX 24/03/2015: 
  $perma = $wp_query->query_vars['phpost_slug'];
  if($perma){
  //we don't want to return a 404
  $wp_query->set( 'is_404', false );
  $phid = get_page_by_path($perma, OBJECT, 'post');
  $postvote = get_post_meta($phid->ID, 'epicredvote' ,true);
  $thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $phid->ID ), 'single-post-thumbnail' );

  $pluginfeat = get_post_meta($phid->ID,'phog',true);
  $desc = get_post($phid->ID)->post_content;

网站链接：https://goo.gl/30a3QQ [点击帖子所在行打开模态。]

更新

我尝试删除锚标记以及这样的类，但它仍然无法正常工作：

<?php
    if ( has_post_thumbnail()) {
            the_post_thumbnail();
    }
?>

Answer 1

您要更改的元素只是用于填充 onclick 处理程序的 html 线框，问题是，它没有包含原始图像，因此您需要添加该功能。像这样的东西应该可以工作（添加到您的页脚）

var eventTargets=document.querySelectorAll('.hunt-row');

[].forEach.call(eventTargets, function(t){
    t.addEventListener('click', function(){
        console.log('clicked');
        var img= this.querySelector('img').src;

        //bind new src to modal thumb, this is not ideal as there is only a class rather than a id...

        document.querySelector('.modal-thumb').src= img;

    }, false);
}); 

当然，我不确定它与其他点击处理程序的效果如何，您可能需要删除默认值并编写自己的内容以填充模型框 onclick。