Вывод CSS только в том случае, если DIV содержит контент

Question

У меня есть две кнопки галереи, следующая и предыдущая, каждая из которых завернута в тег DIV и хочет применить фоновое изображение к каждому. Однако в некоторых галереях порой следующая кнопка может не выводиться, если мы достигли конца доступных изображений галереи. В настоящее время мое фоновое изображение все равно будет отображаться, даже если нет следующей кнопки. Я считаю, что можно добавить инструкцию PHP if в мой шаблон CMS, который может сказать, что если в этом DIV появится контент, тогда выведите фоновое изображение, иначе ничего не выводите.

Может ли кто-нибудь помочь? Мои PHP навыки не столь велики :-(

Большое спасибо заранее.

Answer 1

<?php 
if ($content == "") {$background = "style='background-image:none;'";} else {$background = "";} 
?> 
<div <?php echo $background; ?> >Your Button</div> 

---

или лучше будет, чтобы скрыть DIV на всех

<?php 
if ($content == "") {$display = "style='display:none;'";} else {$display = "";} 
?> 
<div <?php echo $display; ?> >Your Button</div> 

Answer 2

Вы можете так же используйте javascript для этого. Например, в jQuery вы должны написать что-то вроде этого

 

//launch code when dom is ready 
$(document).ready(){ 
    //if a div doesn't have content, then we should remove another div 
    if(!$('#someDivWithContent').html().length > 0){ 
    $('#someOtherDiv').hide() 
    } 
} 
 

вам нужно будет выполнить jQuery на вашем сайте, если вы еще не используете его для использования этого примера кода.

Затем вы поместите этот код в тег типа «<» = «текст/javascript»> и немного измените селектор, чтобы нацелить ваши элементы html.