javascript - 变量中未接收到数据时隐藏模式

Question

<div class="modal fade"  id="popup" data-interval="false" role="dialog">
        <div class="modal-dialog modal-dialog-centered modal-lg" id="">
          <div class="modal-content">

            <div class="modal-body">
             <div class="">
                    <div class="col-md-12">
                        <div class="cut">
                            <button type="button" class="close" data-dismiss="modal" onclick= "closePopup() "><i style="color: #6f6e6e; font-size: 20px;" class="fas fa-times"></i></button>
                        </div>
                            <div id="demo" class="carousel slide" data-ride="carousel" data-interval="2000">
                                <div class="carousel-inner">
                                    <?php 

                                    if($popupsData!=''){
                                        $image=0; 

                                        foreach ($popupsData as $key => $row) { 
                                            if($row['type']=='Image'){
                                                if($image<3){ 
                                            ?>
                                    <!-- The slideshow -->
                                      <div class="carousel-item <?php echo $image==0?'active':''; ?>">
                                            <div class="img_pop">
                                            <img src="<?php echo UPLOADURL.'/popup/'.$row['image'] ?>">
                                            </div>
                                      </div>
                                    <?php } $image++; } } ?> 



                                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                                      <span class="carousel-control-prev-icon"></span>
                                    </a>
                                    <a class="carousel-control-next" href="#demo" data-slide="next">
                                      <span class="carousel-control-next-icon"></span>
                                    </a>
                                  </div>
                            </div>
                       </div>
                 </div>
            </div>
         </div>
      </div>

    <?php

       $actpop = print_r($popupsData);

    ?>

    <script>
    $(document).ready(function(){
          debugger;
         var modal_value = '<?php echo $actpop; ?>';
          if($('#popup').length>0 && modal_value!=''){
          debugger;
        $('#popup').modal('show') 
      }else{
         $('#popup').modal('hide') 
      }

    });



    </script>

当后端没有数据处于活动状态时，应该如何停止弹出模式。当后端没有数据处于活动状态时，我收到弹出空白。我无法做到这一点。请帮助我。我在codeigniter代码中遇到这个问题，当变量中没有收到数据时隐藏模式。

标签： javascriptjquerybootstrap-modalcodeigniter-3