首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如果metabox为空,则隐藏html,使用自定义帖子类型

如果metabox为空,则隐藏html,使用自定义帖子类型
EN

Stack Overflow用户
提问于 2018-08-16 05:11:35
回答 1查看 433关注 0票数 0

我试图仅在元数据被填充时显示#firstimg,否则它只会显示一个空框,因为它正在搜索不存在的图像。

我正在使用Custom Post Types,到目前为止,我可以获得显示的图像,但只要我试图隐藏#firstimg,它就会弄乱我的代码(它不会显示网站的其余部分,而且我的控制台日志中也没有任何内容,所以我不知道我做错了什么)。

我假设我可能已经很接近了(希望如此?)但是我写的代码不正确。希望有人愿意帮助我!

代码语言:javascript
复制
  <img class="port-img" id="firstimg" src="
  <?php $key_1_value = get_post_meta($post->ID, 'ecpt_img_1', true); 
    if( ! empty( $key_1_value ) ) { 
    echo $key_1_value; 
    document.getElementById("firstimg").style.display = "block";}
  ?>">
  <img class="port-img" id="secondimg" src="<?php $key_2_value = get_post_meta($post->ID, 'ecpt_img_2', true); if( ! empty( $key_2_value ) ) { echo $key_2_value;}?>">
  <img class="port-img" id="thirdimg" src="<?php $key_3_value = get_post_meta($post->ID, 'ecpt_img_3', true); if( ! empty( $key_3_value ) ) { echo $key_3_value;}?>">
EN

回答 1

Stack Overflow用户

发布于 2018-08-16 06:07:32

看起来你的php里有javascript。也许可以试试这样的东西?我假设您的css在.port-img或#firstimg上没有display: none ...

代码语言:javascript
复制
<?php $key_1_value = get_post_meta($post->ID, 'ecpt_img_1', true); 
if( !empty( $key_1_value ) ) : ?>  
   <img class="port-img" id="firstimg" src="<?php echo $key_1_value; ?>"/>
<?php endif; ?>
<img class="port-img" id="secondimg" src="<?php $key_2_value = get_post_meta($post->ID, 'ecpt_img_2', true); if( ! empty( $key_2_value ) ) { echo $key_2_value;}?>">
<img class="port-img" id="thirdimg" src="<?php $key_3_value = get_post_meta($post->ID, 'ecpt_img_3', true); if( ! empty( $key_3_value ) ) { echo $key_3_value;}?>">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51866503

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档