隐藏一个div时the_field是空

<div class="full-width awards"> 
    <h2><span>Awards</span></h2> 
    <div id="accordion" class="accordion awards-list"> 

    <?php if (get_field('awards_&_festivals')) : ?> 

    <h3 class="award-title" ><span class="down-icon">Awards &amp; Festivals</span></h3> 
    <div class="award-content" > 
     <?php the_field('awards_&_festivals'); ?> 
    </div> 

    <?php endif; ?> 

</div>

我想隐藏奖励股利时the_field没有任何内容上如何做到这一点的任何想法？非常感激。隐藏一个div时the_field是空

来源

2017-01-10 Redondo Velasco

的[我如何检查如果一个HTML元素使用jQuery是空的？]（HTTP可能重复： //stackoverflow.com/questions/6813227/how-do-i-check-if-an-html-element-is-empty-using-jquery） – Anthony

首先你有3个开'div'标签，你只需要2关闭。 – Nytrix

你想隐藏哪个div？ – Akshay

我们能够做到这样的 -

if ($(".award-content").html() == "") { 
    $('.awards').hide(); 
}

来源

2017-01-10 11:05:41

用CSS，你可以用:empty财产隐藏

像

.someClass:empty { 
    display:none; 
}

来源

2017-01-10 03:54:36

你可以用PHP验证，如果有内容并忽略div。使用CSS，你可以使用：空选择 http://www.w3schools.com/cssref/sel_empty.asp

.award-content:empty { 
    display: none; 
}

或更改你的PHP代码：

<div class="full-width awards"> 
    <h2><span>Awards</span></h2> 
    <div id="accordion" class="accordion awards-list"> 

    <?php if (!empty(get_field('awards_&_festivals'))) : ?> 

    <h3 class="award-title" ><span class="down-icon">Awards &amp; Festivals</span></h3> 
    <div class="award-content" > 
     <?php the_field('awards_&_festivals'); ?> 
    </div> 

    <?php endif; ?> 

</div>

来源

2017-01-10 11:13:46 rafaelfndev

隐藏一个div时the_field是空

回答

相关问题