PHP и JAVASCRIPT

Question

Я делаю веб-страницу в php, и то, что я хочу сделать, это скрипт, который запускает только в том случае, если выполнено определенное условие php. Вот мой код:

<div class="content" <?php echo $data_attributes; ?>> 
<?php foreach($slides as $slide): ?> 

    <?php if($slide['type'] == 'image'){ 
      $backgroundi = $slide['image_url']; 
     ?> 
<div class="fill" style="background-image: url(<?php echo $backgroundi;>);"></div> 
    <?php } 
     elseif($slide['type'] == 'custom'){ 
     echo 'jQuery(function($) { 
     $(".bx-pager-item").find("a.bx-pager-link").addClass("text-info-slider"); 
     });'; 
     echo '</script>';?> 
<div class="project-info"> 
<div class="col-sm-6 col-md-4 project-text"> 
    <div class="project-body"> 
     <?php echo $slide['custom']; ?> 
    </div> 
</div> 
<div class="col-sm-6 col-md-8 project-images"></div> 
    </div> 
    <?php } 
    else{ 
    echo'Nothing Found'; 
    }endforeach; ?> 

Когда это первый тип:

if($slide['type'] == 'image'){ 

Когда это второй тип:

elseif($slide['type'] == 'custom'){ 

Класс

addClass("text-info-slider"); 

Используется для добавления другого стиля, ползунок кругов для другого типа поста. Но когда я написал сценарий:

echo 'jQuery(function($) { 
     $(".bx-pager-item").find("a.bx-pager-link").addClass("text-info-slider"); 
     });'; 
     echo '</script>';?> 

Он затрагивает все типы файлов. Я хочу, чтобы меня затронул только тип «CUSTOM». Кто может мне помочь? Благодаря!

Answer 1

Вы две ошибки в коде

<div class="content" <?php echo $data_attributes; ?>> 
    <?php 
     foreach($slides as $slide) 
     { 
      if($slide[ 'type' ] == 'image') 
      { 
       $backgroundi = $slide[ 'image_url' ]; 
    ?> 
    <div class="fill" style="background-image: url(<?php echo $backgroundi; ?>);"></div> <!-- Missing the ? from the closing tag --> 
     <?php 
      } 
      elseif($slide[ 'type' ] == 'custom') 
      { 
       echo '<script type="text/javascript">'; // Missing the opening tag for the script 
       echo 'jQuery(function($) { 
           $(".bx-pager-item").find("a.bx-pager-link").addClass("text-info-slider"); 
          });'; 
       echo '</script>'; 
     ?> 
    <div class="project-info"> 
     <div class="col-sm-6 col-md-4 project-text"> 
      <div class="project-body"> 
       <?php echo $slide[ 'custom' ]; ?> 
      </div> 
     </div> 
     <div class="col-sm-6 col-md-8 project-images"></div> 
    </div> 
     <?php 
      } 
      else 
      { 
       echo 'Nothing Found'; 
      } 
     } // End Foreach 
    ?> 
</div>