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

Question

У меня есть две кнопки галереи, следующая и предыдущая, каждая из которых обернута в тег DIV, и я хочу применить фоновое изображение для каждой из них.Однако в некоторых галереях иногда следующая кнопка может не выводиться, если мы достигли конца доступных изображений галереи.В настоящее время мое фоновое изображение все еще появляется, даже если нет кнопки «Далее».Я полагаю, что в шаблон CMS можно добавить оператор PHP if, который может сказать, что если содержимое появляется в этом 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 на вашем сайте, если вы еще не используете его для работы этого примера кода.

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