我想在用户单击WordPress循环中的链接后显示帖子缩略图。
每篇文章都包含以下标记：
<span class="id_53">Display Post Image</span>
<span> 标记，我想使用AJAX显示后期缩略图图像$.post() 以下标记的内部：<div id="img_in"></div>
用AJAX点击帖子id后显示帖子缩略图
1 个回复
SO网友:Marcos Nakamine
你可以先试试这个。
1. 更改此<span class="id_53">Display Post Image</span>
至<span class="id_53" data-id="53">Display Post Image</span>
2. 创建您的js文件
$(function () {
// click event example
$(\'.id_53\').on(\'click\', getThumb);
// call the ajax
function getThumb() {
$.post( \'http://path/wp-content/themes/your-theme/ajax-file.php\' , \'my_id=\'+$(this).attr(\'data-id\') , showThumb );
}
// get image source
function showThumb(e) {
$(\'#img_in\').style({\'background-image\':e});
}
});
3. 创建ajax文件。php// for external files include( \'../../../wp-load.php\' ); // get your variable $my_id = intval( $_POST[\'my_id\'] ); // get thumbnail ID $thumb_id = get_post_thumbnail_id( $my_id ); // get path of thumbnail $img = wp_get_attachment_image_src( $thumb_id, \'full\' ); echo $img[0];
结束