|
|
<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">×</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">×</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">×</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="http://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>
|