information-system/application/views/mobile_first/shanghai-daytrip-list.php

<div class="filter-box">
    <div class="filter-left">
        <div class="filter-item">
            <input type="radio" name="tab1" id="tab1a" class="tabs">
            <label for="tab1a" class="open filter-nav">Theme</label>
            <input type="radio" name="tab1" id="tab1ac" class="tabs close">
            <label for="tab1ac" class="close">&times;</label>
            <input type="radio" name="tab1" id="tab1ad" class="tabs overlay">
            <label for="tab1ad" class="modal-overlay"></label>
            <div class="filter-popup">                
                <ul  id="theme-list">
                    <?php foreach ($allTypeList->extendType as $ltItem) { ?>
                    <li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>
                    <?php } ?>
                </ul>
                <div class="popup-bottom">
                    <a href="javascript:;" class="clearbtn" id="clear-theme"><strong>Clear</strong></a>          
                </div>
            </div>
        </div>
        <div class="filter-item">
            <input type="radio" name="tab1" id="tab1b" class="tabs">
            <label for="tab1b" class="open filter-nav">Hours</label>
            <input type="radio" name="tab1" id="tab1bc" class="tabs close">
            <label for="tab1bc" class="close">&times;</label>
            <input type="radio" name="tab1" id="tab1bd" class="tabs overlay">
            <label for="tab1bd" class="modal-overlay"></label>
            <div class="filter-popup">
                <ul id="hours-list">
                    <li><a href="javascript:;" data-day="1-3">1-3 Hours</a></li>
                    <li><a href="javascript:;" data-day="4-5">4-5 Hours</a></li>
                    <li><a href="javascript:;" data-day="6-8">6-8 Hours</a></li>
                    <li><a href="javascript:;" data-day="9-10">9-10 Hours</a></li>      
                </ul>
                <div class="popup-bottom">
                    <a href="javascript:;" class="clearbtn" id="clear-hours"><strong>Clear</strong></a>                 
                </div>
            </div>
        </div>
        <div class="filter-item">
            <input type="radio" name="tab1" id="tab1c" class="tabs">
            <label for="tab1c" class="open filter-nav">Price</label>
            <input type="radio" name="tab1" id="tab1cc" class="tabs close">
            <label for="tab1cc" class="close">&times;</label>
            <input type="radio" name="tab1" id="tab1cd" class="tabs overlay">
            <label for="tab1cd" class="modal-overlay"></label>
            <div class="filter-popup">
                <p class="popup-title"></p>
                <ul id="price-list">
                    <li><a href="javascript:;" data-price="0-49">< $50</a></li>
                    <li><a href="javascript:;" data-price="50-100">$50-$100</a></li>
                    <li><a href="javascript:;" data-price="101-200">$101-$200</a></li>
                    <li><a href="javascript:;" data-price="201-300">$201-$300</a></li>
                    <li><a href="javascript:;" data-price="301-10000">> $300</a></li>         
                </ul>
                <div class="popup-bottom">
                    <a href="javascript:;" class="clearbtn" id="clear-price"><strong>Clear</strong></a>          
                </div>
            </div>
        </div>
    </div>
    <div class="filter-right"><strong><span id="all-count">0</span> activities in <?php if($this->config->item('site_code')=="shanghai"){echo "Shanghai";} else if($this->config->item('site_code')=="beijing"){echo "Beijing" ;}  ?></strong></div>
</div>
<div class="flex-row4" id="js_tourlist">
    <div class="flex-col border-box"><a href="#" rel="nofollow"><span class="flag-box"></span><img alt="most classic china tour" class="img-responsive" src="https://data.chinatravel.com/images/homepage/600-450/guilin-landscape.jpg"></a>
        <div class="caption">
            <h3><a href="#">Suzhou and Tongli Water Town Tour from Shanghai</a></h3>
            <ul class="card-ul">
                <li class="card-hours">4-Hours</li>             
            </ul>
            <div class="caption-btn">
                <p>From <span class="baseprice font24">US$3949</span></p>
                <p><a aria-label="button" class="btn-base" href="#" rel="nofollow">View More</a></p>
            </div>
        </div>
    </div>
</div>

<script>
    var TourData = <?php echo json_encode($dayTripListData, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>;    
    // 如果$tourListData可能为null，可以添加默认值
    TourData = TourData || [];    

</script>