隱藏一個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是空

回答

相關問題