如果子页面包含内容，请启用链接，否则禁用链接

Question

我正在制作一系列链接到子页面的缩略图。代码的工作方式是子页面显示在覆盖内容的iframe中。但是，客户端只希望其中4个页面具有内容，因此代码需要以这样的方式工作：仅当子页面具有内容时，才能启用翻转作为iframe叠加层打开。

我目前有以下代码。任何想法如何我可以自定义它，以便只有在子页面有内容时启用叠加？非常感谢。

<section id="content" role="main">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                <section id="content_team" class="entry-content js-masonry">
                    <?php $child_pages = $wpdb->get_results("SELECT *    FROM $wpdb->posts WHERE post_parent = " . $post->ID . " AND post_type = 'page' ORDER BY menu_order", 'OBJECT'); ?>
                    <?php if ($child_pages) : foreach ($child_pages as $pageChild) : setup_postdata($pageChild); ?>
                            <div class="child-thumb"> 
                                <div id="click_overlay" onclick="var overlay = document.getElementById('hidden_overlay');
                                        overlay.src = 'about:blank';
                                        overlay.style.display = 'block';
                                        overlay.src = '<?php echo get_permalink($pageChild->ID); ?>';"><span class="featured-title-overlay">
                                        <span class="featured-title">
                                            <span class="title"><?php echo get_the_title($pageChild->ID); ?></span>
                                            <div class="hr">&nbsp;</div>
                                            <span class="title_link">Read more...</span>
                                        </span>
                                    </span><?php echo get_the_post_thumbnail($pageChild->ID); ?></div>
                                <br class="clear" />
                            </div>
                        <?php endforeach;
                    endif;
                    ?>
                </section>
            </article>
        <?php endwhile;
    endif; ?>
    <iframe id="hidden_overlay" src="about:blank"></iframe> 
    <p class="clear">&nbsp;</p>
</section>