javascript - 如何检查 php 中的空序列化字符串？

Question

我正在一个网站上工作，我想在其中检查空的序列化字符串。我在问题陈述中提到了我的问题。

我在 php 中使用的代码是:

<!-----------------------------LEFT DIV ------------------------------->


<div class="pickup-from-items-location" id="pickup_from_items_location">
   <div class="timings">
      <?php 
         $serialized = '';
         for ($i = 0; $i < count($data['item']->item_logistic); $i++) {
         if(strcmp($data['item']->item_logistic[$i]->logistics_type, "location_pickup") == 0)
         {
         $serialized .= strtolower($data['item']->item_logistic[$i]->logistics_times);
         }
         }
         if($serialized != '')
         {
         echo
         '<div class="icons_text"> 
         <img src="/images/rsz_venueorange__1_.png"> 
         <p class="mt-4 mb-3 heading_size">pickup from item\'s location </p>
         </div>'; 
         /*
         echo '<span class="font-weight-bold how-can-this-text">' . "how can this item be received" . '</span>';
         echo "<br>"; 
         echo "<br>"; 
         echo '<span class="font-weight-bold mb-3 ml-3">' . "pickup from item's location <br/>" . '</span>';
         echo "<br>";
         echo "<br>"; */
         $unserialized = unserialize( $serialized );


         foreach($unserialized as $key=>$value) 
         {
         echo '
         <div class="dates_timings_items_availability"> 
         <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
         <div class="items_availability_time"><span>'. $value['start'] .'</span></div>
         <div class="delimiter">to</div>
         <div class="items_availability_time"><span>'. $value['end'] .'</span></div>
         </div>'; 
         } 
         }


         else
         {
         /* echo "<p style=\"font-style: italic;\">No information available</p>"; */ 
         }
         ?>
   </div>
</div>




<!-----------------------------RIGHT DIV ------------------------------->


<div class="deliver-to-my-location">
   <div class="timings">
      <?php
         $serialized = '';
         for ($i = 0; $i < count($data['item']->item_logistic); $i++) {
         if(strcmp($data['item']->item_logistic[$i]->logistics_type, "delivery") == 0)
         {
         $serialized .= strtolower($data['item']->item_logistic[$i]->logistics_times);
         }
         }
         if($serialized != '')
         {
         echo 
         '<div class="icons_text"> 
         <img src="/images/rsz_deliveryicon__1_.png"> 
         <p class="mt-4 heading_size mb-3" style="width:100%;">deliver to my location </p>
         </div>'; 
         /*
         echo "<br>";
         echo "<br>";
         echo '<span class="font-weight-bold mb-3 ml-3">' . "deliver to my location <br/>" . '</span>';
         echo "<br>";
         echo "<br>"; */
         $unserialized = unserialize( $serialized );

         foreach($unserialized as $key=>$value) {
         echo '
         <div class="dates_timings_items_availability"> 
         <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
         <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['start'])) .'</span></div>
         <div class="delimiter">to</div>
         <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['end'])) .'</span></div>
         </div>';
         }
         }

         ?>
   </div>
</div>

问题陈述:

我想知道我需要应用什么逻辑，以便当左 div 为空时，右 div 应该向左移动。

当我使用上面的 php 代码时，左/右 div 在运行时变为空。

示例 <div class="pickup-from-items-location"> <div class="timings">当 $serialized string 为 null 时变为空，因为我正在使用 if($serialized != '')条件如上。

      [[LEFT]                                              [RIGHT]]

左 Div 是 <div class="pickup-from-items-location">右 Div 是 <div class="deliver-to-my-location">

所以当 Left Div 为空时，Right Div 应该向左移动。

这可能吗？

      [[RIGHT]]

Answer 1

是的，解决这个问题的最佳方法(在我看来)是根据 $serialized 的值修改 CSS。因此，当您不想显示 [LEFT] 时，只需不要在浏览器中显示它即可。理论上(取决于您的 html 和 css 的设置方式)当左侧栏未显示时，右侧应该填充它的位置。

为此；

首先，让我们将除 echo 之外的所有逻辑移到 HTML 之外。

<?php 
     $serialized = '';
     for ($i = 0; $i < count($data['item']->item_logistic); $i++) {
         if(strcmp($data['item']->item_logistic[$i]->logistics_type, "location_pickup") == 0) {
             $serialized .= strtolower($data['item']->item_logistic[$i]->logistics_times);
         }
     }
?>

然后，我们将为 [LEFT] 添加我们的 HTML 和 PHP

<div class="pickup-from-items-location" style="<?php if(!empty($serialized)) echo 'display: none;'; ?>" id="pickup_from_items_location">
    <div class="timings">
        <div class="icons_text"> 
            <img src="/images/rsz_deliveryicon__1_.png"> 
            <p class="mt-4 heading_size mb-3" style="width:100%;">deliver to my location </p>
        </div>
        <?php
        if(!empty($serialized)) {
            $unserialized = unserialize( $serialized );

            foreach($unserialized as $key=>$value) {
                ?>
                <div class="dates_timings_items_availability"> 
                   <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
                   <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['start'])) .'</span></div>
                   <div class="delimiter">to</div>
                   <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['end'])) .'</span></div>
                </div>
                <?php
            }
        }
        ?>

    </div>
</div>

我建议为 [RIGHT] 重复类似的结构